vue1.0和vue2.0区别

最新推荐文章于 2020-06-02 08:32:44 发布

cfcp

最新推荐文章于 2020-06-02 08:32:44 发布

阅读量1k

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/qq_33562825/article/details/70183952

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了 Vue 2.0 的新特性，包括组件定义方式的变化、生命周期钩子的不同、循环处理的改进、自定义键盘指令的设置、过滤器的使用变化以及路由的应用等。对于从 Vue 1.0 迁移到 Vue 2.0 的开发者来说，这些内容尤其重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                        
                    
                    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.路由 

                