vue2.0與vue1.0中的區(qū)別1:每個組件模板中不在支持片段代碼
在vue1.0 中的模板template中可以分開書寫片段代碼例:
? ? ? 在vue2.0中需要使用div將片段代碼包裹起來例:
vue2.0與vue1.0中的區(qū)別2:組件的定義發(fā)生了改變和升級
? ? ?1.對于vue1.0中的vue.extend定義組件的方式在2.0里面依然存在但是也有所改動俺夕,這種寫法雖然還有但是我不推薦大家繼續(xù)使用
? ? ?2.在1.0中我們一般定義組件的方式為
這種方式任然存在并且可以使用
在2.0中新推出一種更加簡潔的組件定義方式(全局)
在2.0中新推出一種更加簡潔的組件定義方式(局部)
組件間的通信使用:進(jìn)行子組件獲取父級數(shù)據(jù)vue1.0
例如??
在vue2.0中子組件獲取父組件的數(shù)據(jù)雖然是用同樣方法但是,父組件需要給子組件傳遞的是一個json而不是單一的數(shù)據(jù)单芜,否則會出現(xiàn)報(bào)錯熄求。新寫法
建議在vue2.0中使用單一事件管理組件通信(子組件與子組件之間的通信)
首先我們新建3個組件
新建一個空的vue實(shí)例
在對應(yīng)的子組件中使用$emit發(fā)送數(shù)據(jù)
當(dāng)我們在點(diǎn)擊發(fā)送的時(shí)候,將子組件中的數(shù)據(jù)a發(fā)送出去
然后我們需要在對應(yīng)的組件中接收$on
當(dāng)我們在點(diǎn)擊發(fā)送時(shí)冻辩,子組件b接收來自于組件a的數(shù)據(jù)并彈出
生命周期發(fā)生了變化
在vue1.0中的生命周期及(鉤子函數(shù))為
init
created(實(shí)例已經(jīng)創(chuàng)建)
beforeCompile(編譯之前)
compiled(編譯之后)
reday(插入到文檔之中)
beforeDestory(銷毀之前)
Destroyed(銷毀之后)
在vue2.0中已經(jīng)中了較大幅度的修改
beforeCreate(){? 組件實(shí)例剛被創(chuàng)建 }
Created(){? 組件實(shí)例已經(jīng)創(chuàng)建屬性已經(jīng)綁定 }
beforeMount(){? 模板編譯之前 }
Mounted(){? 模板編譯之后}
beforeUpdate(){? 組件更新之前 }
Update(){? 組件更新之后 }
beforeDestory(銷毀之前)
Destroyed(銷毀之后)
vue2.0里面的循環(huán)
在vue2.0里面,默認(rèn)可以添加重復(fù)的數(shù)據(jù),在2.0里也去掉了一些隱式的變量:如$index
之前 的track-by也去掉了腕够,現(xiàn)在可以使用:key =‘index'實(shí)現(xiàn)
過濾器:
在2.0中系統(tǒng)中自帶過濾器全部去掉了,json過濾器直接已經(jīng)可以實(shí)現(xiàn)舌劳,其他的一些過濾器需要我們自己使用自定義過濾器自己定義帚湘。