這篇文章給大家介紹vue1.0和vue2.0的區別有哪些,內容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
一.在每個組件模板,不在支持片段代碼
VUE1.0是:
<template> <h4>我是組件</h4><strong>我是加粗標簽</strong> </template>
VUE2.0:必須有根元素,包裹住所有的代碼
<template id="aaa"> <div> <h4>我是組件</h4> <strong>我是加粗標簽</strong> </div> </template>
二.關于組件定義
VUE1.0定義組件的方式有:
Vue.extend 這種方式,在2.0里面有,但是有一些改動
Vue.component(組件名稱,{ 在2.0繼續能用 data(){} methods:{} template: });
VUE2.0定義組件的方式則更為簡單
var Home={ template:'' -> 相當于Vue.extend() };
三.生命周期的變化
vue1.0的生命周期為
init ->初始化 created ->創建 beforeCompile ->編譯之前 compiled ->編譯完成 ready √ -> mounted beforeDestroy ->銷毀之前 destroyed ->已經銷毀
vue2.0的生命周期為(標*的為經常用的)
beforeCreate 組件實例剛剛被創建,屬性都沒有 created 實例已經創建完成,屬性已經綁定 beforeMount 模板編譯之前 mounted 模板編譯之后,代替之前ready * beforeUpdate 組件更新之前 updated 組件更新完畢 * beforeDestroy 組件銷毀前 destroyed 組件銷毀后
關于vue1.0和vue2.0的區別有哪些就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。