Vue2.0使用總結中......

阿新 • • 發佈：2018-12-27

1.多使用和閱讀Vue的全家桶，如（vue,vuex,vux,vue-router,vue-touch,vue-resource,vue-weui......），避免所有的功能模組全由自己重寫，節省開發的效率並能夠站在巨人的肩膀上規劃前端的架構

2.Vue2.0已經廢棄1.0的ready鉤子函式，進而使用mounted替換，同時還新增了beforeMount、beforeUpdate、updated等

3.Vue2.0同時已經廢棄$events、$dispatch、$broadcast,官方推薦使用vuex作為全域性的事件驅動，然而廢棄的這些方法在vux UI框架中很多地方都有使用，無疑在專案中用到它的地方在2.0版本都會不起作用，甚至會報錯。

4.v-for迴圈中常用的$index、$key也已不支援使用，trackby被key屬性替換。

5.v-ref、v-el 棄用統一使用ref屬性為元素或元件新增標記，然後通過this.$refs獲取

6.Vue2.0將不提供任何內建的過濾器，推薦使用單獨的庫，例如moment.js來格式化日期，accounting.js來格式化貨幣。對過濾器的決定性改變是對其語法的改變，使其與函式呼叫{{ date | formatDate('YY-MM-DD') }}內聯。

7.v-else不再適用於v-show，請使用其他的否定表示式。

8.現在transitions能夠通過元件應用，它們補在被視為一種單獨型別，因此全域性的Vue.transition()方法和transition配置都被丟棄。你可以通過元件的屬性和方法配置內嵌的過渡。

9.v-for迭代語法變化
丟棄$index和$key
新陣列語法
value in arr
(value, index) in arr
新物件語法
value in obj
(value, key) in obj
(value, key, index) in obj

10.參考資料

基本API變化

Vue2.0中文文件

持續更新中......