vue1.0與2.0有哪些區(qū)別

這篇文章主要介紹vue1.0與2.0有哪些區(qū)別，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

公司主營業(yè)務(wù)：成都網(wǎng)站建設(shè)、做網(wǎng)站、移動網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)推出南昌免費做網(wǎng)站回饋大家。

                                                           Vue.js是一個構(gòu)建數(shù)據(jù)驅(qū)動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件。它不僅易于上手，還便于與第三方庫或既有項目整合。

一、生命周期

1、1.0的生命周期:

周期	解釋
init	組件剛剛被創(chuàng)建，但Data、method等屬性還沒被計算出來
created	組件創(chuàng)建已經(jīng)完成，但DOM還沒被生成出來
beforeCompile	模板編譯之前
compiled	模板編譯之后
ready	組件準備（平時用得較多）
attached	在 vm.$el 插入到DOM時調(diào)用
detached	在 vm.$el 從 DOM 中刪除時調(diào)用
beforeDestory	組件銷毀之前
destoryed	組件銷毀之后

2、2.0的生命周期

周期	解釋
beforeCreate	組件剛剛被創(chuàng)建，但Data、method等屬性還沒被計算出來
created	組件創(chuàng)建已經(jīng)完成，但DOM還沒被生成出來
beforeMount	模板編譯之前
mounted	模板編譯之后,組件準備
beforeUpdate	組件更新之前（數(shù)據(jù)等變動的時候）
updated	組件更新之后（數(shù)據(jù)等變動的時候）
activated	for keep-alive,組件被激活時調(diào)用
deactivated	for keep-alive,組件被移除時調(diào)用
beforeDestory	組件銷毀之前
destoryed	組件銷毀之后

2.0生命生命周期變化感覺變得更加語義化一點（有規(guī)律可尋，更好記了），而且增加了beforeUpdate、updated、activated、deactivated，刪除了attached、detached。

二：過濾器

2.0將1.0所有自帶的過濾器都刪除了，也就是說，在2.0中，要使用過濾器，則需要我們自己編寫，以下是一個自定義過濾器示例,

Vue.filter('toDou',function(n,a,b){
    return n<10?n+a+b:''+n;
});

三：循環(huán)

關(guān)于整數(shù)循環(huán)，1.0的整數(shù)循環(huán)是從0開始的，2.0的整數(shù)循環(huán)是從1開始的，下面對比：

//HTML代碼

    

四、片段代碼

編寫template的時候，2.0必須要用一個根元素（如div）將代碼片段包裹起來，否則報錯。

之前:   在1.0使用時完全沒問題
    
現(xiàn)在:  必須有根元素，包裹住所有的代碼
    

以上是vue1.0與2.0有哪些區(qū)別的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章標題：vue1.0與2.0有哪些區(qū)別
本文網(wǎng)址：http://m.jiaotiyi.com/article/poojoh.html