當前位置:
首頁 > 知識 > vue2與vue1的區別

vue2與vue1的區別

在前面的學習過程中我們已經對vue1有了一定的了解,下面我們來學習一下vue2,看一下vue1與vue2有什麼區別。


區別1:

在vue2中使用v-for指令時它可以添加重複的內容,就像可以添加相同的留言內容,下面我們來看一下

在寫代碼的時候首先要引入的是vue2js文件。

html代碼:vue2與vue1的區別

js代碼:

vue2與vue1的區別

但是,還有一點不同的地方就是沒有$index了,在vue1中是有的,但我們可以手動添加$index

vue2與vue1的區別


區別2:

我們在vue2中跟vue1中有一個很大的區別就是沒有過濾器!!!我們用著過濾器的時候要要自己定義。


區別3:

再者我們在使用組件之間的通訊時也不同,下面我們來看一下:

html代碼:

vue2與vue1的區別

js代碼:

vue2與vue1的區別

這不是vue2中的方法但是我們可以使用這種方法來解決問題。


區別4: 

有一個最基本的區別就是我們在定義模板的時應該把模板的東西用一個大盒子包起來。

vue2與vue1的區別

區別5: 

對於生命周期也是有所不同的,我們vue2中的生命周期是這樣的

vue2與vue1的區別

最後我們來看一下單一事件中管理組件通訊

html:

vue2與vue1的區別

js代碼:

vue2與vue1的區別

以上就我所了解的vue2。



暑期互聯網遊學夏令營活動:http://www.ujiuye.com/zt/sqxly/?wt.bd=zt36716tt

2017大學生就業扶助基金:http://www.ujiuye.com/zt/jyfc/?wt.bd=zt36716tt

IT學習、就業交流互動群:http://www.ujiuye.com/zt/qqhdjlpt/?wt.bd=zt36716tt

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 IT優就業 的精彩文章:

sql server 性能調優,查詢從20秒至2秒
.NET切面編程——PostSharp
純 CSS 實現波浪效果!

TAG:IT優就業 |

您可能感興趣

基於vue2.0 +vuex+ element-ui後台管理系統:本地調試詳細步驟