vue1.0和vue2.0区别
来源:互联网 发布:淘宝网蚊帐宫廷蚊帐 编辑:程序博客网 时间:2024/05/20 05:53
- vue2.0组件模板不支持片段 必须在一个根标签中
- 关于组件的定义1.0: Vue.extend 2.0:Vue.component(组件名称,{
data(){},
methods:{}
}) - 生命周期
vue1.0
init 组件实例刚被创建 空的
created 实例已经被创建 也已经有属性 但是dom还没有渲染
beforeCompile 模板编译之前
compiled 模板编译完
reday
beforeDestory 销毁之前
destoryed 销毁
vue2.0
beforeCreate实例刚刚被创建 属性还没有
created 实例已经创建完成 有属性 但是dom还没有渲染
beforeMount 模板编译之前
mounted 模板编译完成 代替之前的ready
beforeUpdate 组件更新之前
updated 组价更新完毕
beforeDestory 销毁之前
destoryed 销毁之后
4.循环
1.0中 如果想循环遍历重复的数据需要在标签中加入track-by=“$index”
2.0中 默认就可以添加重复的数据 - {{val}} {{index}} 5.自定义键盘指令
1.0: Vue.directive(‘on’).keyCodes.f1 = 112;
2.0: Vue.config.keyCodes.ctrl =17
6.过滤器
1.0:系统自带很多过滤器
{{msg | currency}}
{{mag | json}}
2.0 : 内置过滤器 全部删除了 但是有工具库 lodash
自定义过滤器没有变Vue.filter(‘haha’,function(){
}),但是传参改变了 之前{{msg | haha ‘12’ ‘5’}} 现在{{msg | haha(‘12’,’5’)}}
7.路由
0 0
- vue1.0和vue2.0区别
- vue1.0和vue2.0的区别之路由
- vue1和vue2的区别
- vue1.0与vue2.0区别之组件通信
- vue1.0和vue2.0的watch监听事件写法
- vue1.0到vue2.0迁移助手
- vue1.0升级到vue2.0
- Vue2.0 和 Vue1.0——生命周期和钩子函数的一些理解
- vue2.0和vue1.0路由对比以及脚手架初始路由分析
- Vue1.0中过滤器和Vue2.0中自定义指令的用法
- vue2.0的变化,与vue1.0对比
- vue2.0不支持语法(部分vue2.0支持vue1.0不支持)
- vue1.0与2.0区别之生命周期
- 二三、vue2与vue1的区别(一)
- 二六.vue2与vue1的区别(二)
- 二八、vue2与vue1的区别(三)
- vue1.0到vue2.0迁移助手 vue-migration-helper 安装
- vue1升级vue2
- Problem 1060 Fibonacci数列
- 递归函数理解
- spring配置quartz 多任务
- 在centOS6.8下配置MATLAB与C混编环境
- 走进生成对抗式网络(GAN)摘记
- vue1.0和vue2.0区别
- Sqrt(x)
- 创建Predix时序数据(Time Series)服务
- 常被提到的排序算法三(插入排序)
- 完全背包
- 动态规划入门,很形象生动
- 拉丁方阵
- Jmeter基础-检查点(断言)
- tomcat组件详解