在前面的學習過程中我們已經對vue1有了一定的了解，下面我們來學習一下vue2，看一下vue1與vue2有什麼區別。
區別1：
在寫**的時候首先要引入的是vue2js檔案。
html**：
"
box">
"button
" value="
新增" @click="
add()
">
js**：
window.onload=function () ,
methods: }})
}
但是，還有一點不同的地方就是沒有$index了，在vue1中是有的，但我們可以手動新增$index
區別2：
我們在vue2中跟vue1中有乙個很大的區別就是沒有過濾器！！！我們用著過濾器的時候要要自己定義。
區別3：
再者我們在使用元件之間的通訊時也不同，下面我們來看一下：
html**：
我是父元件---->}
我是子元件---->
}
js**：
window.onload = function()
},components:}}
}})
}
這不是vue2中的方法但是我們可以使用這種方法來解決問題。
區別4：
有乙個最基本的區別就是我們在定義模板的時應該把模板的東西用乙個大盒子包起來。
strong
區別5：
對於生命週期也是有所不同的，我們vue2中的生命週期是這樣的
window.onload=function () ,
beforecreate () ,
created() ,
beforemount() ,
mounted() ,
beforeupdate:function () ,
updated:function () ,
beforedestroy:function () ,
destroyed:function ()
})}
最後我們來看一下單一事件中管理元件通訊
html:
js**：
以上就我所了解的vue2。
vue2與vue3的區別
vue2和vue3開發元件有什麼區別 vue2和vue3雙向資料繫結的區別 vue2的雙向資料繫結是利用es5 的乙個 apiobject.definepropert 對資料進行劫持 結合 發布訂閱模式的方式來實現的。vue3中使用了 es6 的proxyapi 對資料 相比於vue2.x，使用pr...
Vue2與Vue3的區別
vue2和vue3開發元件有什麼區別 vue2和vue3雙向資料繫結的區別 vue2的雙向資料繫結是利用es5 的乙個 apiobject.definepropert 對資料進行劫持 結合 發布訂閱模式的方式來實現的。vue3中使用了 es6 的proxyapi 對資料 相比於vue2.x，使用pr...
vue3與vue2的區別
vue2中v for與ref一起使用，批量模板引用的時候，獲取的ref為乙個陣列 這裡是陣列 mounted vue3 vue3 中ref繫結的是乙個函式，這裡繫結的是函式 setup onmounted 二者獲取ref的dom方式有變化，但是獲取的結果相同 在路由中，常常使用懶載入的方式來引入元件...