溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹vue1.0與2.0有哪些區別，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
Vue.js是一個構建數據驅動的 web 界面的漸進式框架。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。它不僅易于上手，還便于與第三方庫或既有項目整合。
一、生命周期
1、1.0的生命周期:
| 周期 | 解釋 |
|---|---|
| init | 組件剛剛被創建，但Data、method等屬性還沒被計算出來 |
| created | 組件創建已經完成，但DOM還沒被生成出來 |
| beforeCompile | 模板編譯之前 |
| compiled | 模板編譯之后 |
| ready | 組件準備（平時用得較多） |
| attached | 在 vm.$el 插入到DOM時調用 |
| detached | 在 vm.$el 從 DOM 中刪除時調用 |
| beforeDestory | 組件銷毀之前 |
| destoryed | 組件銷毀之后 |
2、2.0的生命周期
| 周期 | 解釋 |
|---|---|
| beforeCreate | 組件剛剛被創建，但Data、method等屬性還沒被計算出來 |
| created | 組件創建已經完成，但DOM還沒被生成出來 |
| beforeMount | 模板編譯之前 |
| mounted | 模板編譯之后,組件準備 |
| beforeUpdate | 組件更新之前（數據等變動的時候） |
| updated | 組件更新之后（數據等變動的時候） |
| activated | for keep-alive,組件被激活時調用 |
| deactivated | for keep-alive,組件被移除時調用 |
| beforeDestory | 組件銷毀之前 |
| destoryed | 組件銷毀之后 |
2.0生命生命周期變化感覺變得更加語義化一點（有規律可尋，更好記了），而且增加了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;
});三：循環
關于整數循環，1.0的整數循環是從0開始的，2.0的整數循環是從1開始的，下面對比：
//HTML代碼<ul id='box'>
<li v-for='val in 5' v-text='val'></li></ul>四、片段代碼
編寫template的時候，2.0必須要用一個根元素（如div）將代碼片段包裹起來，否則報錯。
之前: 在1.0使用時完全沒問題
<template>
<h4>我是組件</h4><strong>我是加粗標簽</strong>
</template>
現在: 必須有根元素，包裹住所有的代碼
<template id="aaa">
<div>
<h4>我是組件</h4>
<strong>我是加粗標簽</strong>
</div>
</template>以上是vue1.0與2.0有哪些區別的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
