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

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

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

一、生命周期

1、1.0的生命周期:

2、2.0的生命周期

2.0生命生命周期變化感覺變得更加語義化一點(diǎn)（有規(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代碼<ul id='box'>
    <li v-for='val in 5' v-text='val'></li></ul>

四、片段代碼

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

之前:   在1.0使用時完全沒問題
    <template>
        <h4>我是組件</h4><strong>我是加粗標(biāo)簽</strong>
    </template>
現(xiàn)在:  必須有根元素，包裹住所有的代碼
    <template id="aaa">
            <div>
                <h4>我是組件</h4>
                <strong>我是加粗標(biāo)簽</strong>
            </div>
    </template>

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