vue1.0与2.0有哪些区别

  介绍

这篇文章主要介绍vue1.0与2.0有哪些区别,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

,,,,,,,,,,,,,,,,,,,,,,,,,,,,,Vue。js是一个构建数据驱动的web界面的渐进式框架.Vue。js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。它不仅易于上,手还便于与第三方库或既有项目整合。

 vue1.0与2.0有哪些区别

<强>一、生命周期

<强> 1,1.0的生命周期:

周期解释init组件刚刚被创建,但数据、方法等属性还没被计算出来创建组件创建已经完成,但DOM还没被生成出来beforeCompile模板编译之编译前模板编译之后准备组件准备(平时用得较多)附加在vm。美元el插入到DOM时调用分离在vm。el美元从DOM中删除时调用beforeDestory组件销毁之前摧毁组件销毁之后

<强> 2,2.0的生命周期

周期解释beforeCreate组件刚刚被创建,但数据、方法等属性还没被计算出来创建组件创建已经完成,但DOM还没被生成出来beforeMount模板编译之前安装模板编译之后,组件准备beforeUpdate组件更新之前(数据等变动的时候)更新组件更新之后(数据等变动的时候)activatedfor维生,组件被激活时调用deactivatedfor维生,组件被移除时调用beforeDestory组件销毁之前摧毁组件销毁之后

2.0生命生命周期变化感觉变得更加语义化一点(有规律可寻,更好记了),而且增加了beforeUpdate,更新,激活,释放,删除了,分离。

<强>二:过滤器

2.0将1.0所有自带的过滤器都删除了,也就是说,在2.0中,要使用过滤器,则需要我们自己编写,以下是一个自定义过滤器示例,

Vue.filter (& # 39; toDou& # 39;函数(n, a, b) {   返回n<10 ? n + a + b: & # 39; & # 39; + n;   });

<强>三:循环

关于整数循环,1.0的整数循环是从0开始的,2.0的整数循环是从1开始的,下面对比:

//HTML代码& lt; ul id=& # 39;盒# 39;比;   & lt;李v=& # 39; val 5 & # 39;v-text=& # 39; val # 39;祝辞& lt;/li> & lt;/ul>

<强>四、片段代码

编写模板的时候,2.0必须要用一个根元素(如div)将代码片段包裹起来,否则报错。

之前:在1.0使用时完全没问题   & lt; template>   & lt; h4>我是组件& lt;/h4> & lt; strong>我是加粗标签& lt;/strong>   & lt;/template>   现在,必须有根元素,包裹住所有的代码   & lt;模板id=癮aa"祝辞   & lt; div>   & lt; h4>我是组件& lt;/h4>   & lt; strong>我是加粗标签& lt;/strong>   & lt;/div>   & lt;/template>

以上是vue1.0与2.0有哪些区别的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

vue1.0与2.0有哪些区别