http://localhost:8080/login/sss # 效果实现前 http://localhost:8080/login # 效果实现后 方法:使用Vue组件的name属性进行跳转 ...
分类:
Web程序 时间:
2020-06-23 01:18:45
阅读次数:
274
1. 客户端项目搭建 1.1 创建项目目录(安装时路由选y) cd E:\vue_project\renran vue init webpack renran_pc 之后用pycharm打开项目 1.2 初始化项目 清除默认的HelloWorld.vue组件和APP.vue中的默认模板代码和默认cs ...
分类:
其他好文 时间:
2020-06-22 19:35:49
阅读次数:
94
今日内容 5. 组件化开发 5.1 组件[component] 5.1.1 默认组件 6. Vue自动化工具(Vue-cli) 6.1 安装node.js 6.2 npm 6.3 安装Vue-cli 6.4 使用Vue-CLI初始化创建前端项目 6.4.1 生成项目目录 6.4.2 项目目录结构 6 ...
分类:
其他好文 时间:
2020-06-22 01:25:18
阅读次数:
53
组件间传参:3种 1.父-子: 问题:父组件中的成员,子组件默认不允许随意访问!因为,每个组件中的数据,归当前组件专属独有! 解决: 1.父组件中: <子组件标签 :自定义属性名=“父的变量” 2.子组件中: 子组件={ template:`html片段 `, data(){ return {} } ...
分类:
其他好文 时间:
2020-06-19 22:36:29
阅读次数:
87
vue和react都使用了虚拟DOM,其中一个优点就是通过diff算法只更新部分组件,提升了DOM重绘性能。网上有些人说vue只更新变化的组件,而react更新所有组件,这样的话react的diff算法是摆设吗,实际情况是怎样的?下面我们来一探究竟。 Vue组件更新 下面来测试一下React组件st ...
分类:
其他好文 时间:
2020-06-19 16:09:37
阅读次数:
58
1、写法上面的不同 vue使用的扩展的html写法,就是一个文件里有html、js、css,分开写,react使用的是jsx语法,提倡all in js,也就是样式、js、html混合。 2、渲染方式的不同 vue中对于循环和判断使用的是v-if,v-for等vue指令进行vue组件的渲染,reac ...
分类:
其他好文 时间:
2020-06-18 12:59:48
阅读次数:
56
在平时的开发过程中,父子 / 兄弟组件间的通信是肯定会遇到的啦,所以这里总结了 6 种 Vue 组件的通信props / $e$emit / Vuex$attrs / $listeners $parent / $children 与 ref provide / inject 前言 如上图所示,A/B ...
分类:
其他好文 时间:
2020-06-16 11:33:04
阅读次数:
61
vant 是由有赞前端团队维护的一个轻量、可靠的移动端 Vue 组件库,在 github 上有 13.8k 的 star,在项目中引入它,可以快速搭建页面,实现功能开发。但是在官方文档中,只提供了普通 vue 项目中的引入方式,而没有提供在 nuxt.js 项目中的用法,所以本文特此记录一下。 在 ...
分类:
Web程序 时间:
2020-06-14 23:57:06
阅读次数:
394
深入理解vue组件 1、细节点一,vue组件和h5规范冲突 举个例子比较能说明问题: 现在是要写个表格,不用组件的形式如下: <table> <tbody> <tr><td>1</td></tr> </tbody> </table> 要使用组件化,就创建一个全局组件: Vue.component(' ...
分类:
其他好文 时间:
2020-06-13 19:28:47
阅读次数:
42
1、在vue组件中使用动画 在进入/离开的过度中,会有6个class切换 v-enter:定义进入过度的开始状态,在元素被插入之前生效,在元素被插入之后的下一帧移除 v-enter-active:定义进入过度生效时的状态,在整个进入过度的阶段中应用,在元素被插入之前生效,在过度/动画完成之后移除,这 ...
分类:
其他好文 时间:
2020-06-13 13:18:47
阅读次数:
72