vue1.0和vue2.0的区别有哪些

　　介绍

这篇文章给大家介绍vue1.0和vue2.0的区别有哪些,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

<强>一。在每个组件模板,不在支持片段代码

vue1.0是:

& lt; template> 　　& lt;才能h4>我是组件& lt;/h4> & lt; strong>我是加粗标签& lt;/strong> 　　& lt;/template>

VUE2.0:必须有根元素,包裹住所有的代码

& lt; template  id=癮aa"比; 　　& lt;才能div> 　　,,,& lt; h4>我是组件& lt;/h4> 　　,,,,,& lt; strong>我是加粗标签& lt;/strong> 　　,,& lt;/div> 　　& lt;/template>

<强>二。关于组件定义

VUE1.0定义组件的方式有:

Vue.extend ,,,,,,,,,,这种方式,在2.0里面有,但是有一些改动

Vue.component(组件名称,{在2.0才能继续能用 　　数据才能(){} 　　方法:{}才能 　　模板:才能 　　});

VUE2.0定义组件的方式则更为简单

var 回家={ 　　,,,模板:& # 39;& # 39;,,,,,,,相当于Vue.extend () 　　};

<强>三。生命周期的变化

vue1.0的生命周期为

init ,,,,,,,,,,→初始化 　　created ,,,,,,,,→创建 　　beforeCompile ,,,,,→编译之前 　　compiled ,,,,,,,,→编译完成 　　ready ,,,√,,,,,,→安装 　　beforeDestroy ,,,,,→销毁之前 　　destroyed ,,,,,,,→已经销毁

vue2.0的生命周期为(标*的为经常用的)

beforeCreate ,组件实例刚刚被创建,属性都没有 　　created ,,,,实例已经创建完成,属性已经绑定 　　beforeMount ,,模板编译之前 　　mounted ,,,,模板编译之后,代替之前ready  * 　　beforeUpdate ,组件更新之前 　　updated ,,,,组件更新完毕,* 　　beforeDestroy ,组件销毁前 　　destroyed ,,,组件销毁后

关于vue1.0和vue2.0的区别有哪些就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

vue1.0和vue2.0的区别有哪些