這段時間用vue.js+webpack做一個單頁應用的demo，第一次嘗試模塊化，技術水平有限，學習不夠深入，總是遇到各種問題，所謂前事不忘后事之師，so記錄下。

1.ES6匿名函數里面this值

結合webpack，使用Babel轉換器，可以安心用ES6了，關于箭頭函數（匿名函數）一個注意點：

函數體內的this對象，就是定義時所在的對象，而不是使用時所在的對象。

開始不知道這個特性，還弱弱的用了bind()方法把this值傳進去，弱爆了！這個特性真的是好用，媽媽再也不用擔心我的this對象丟失了！

2.vue data為對象，并且屬性是動態添加或刪除時視圖無法響應

受 ES5 的限制，Vue.js?不能檢測到對象屬性的添加或刪除。因為 Vue.js 在初始化實例時將屬性轉為 getter/setter，所以屬性必須在?data?對象上才能讓 Vue.js 轉換它，才能讓它是響應的。

eg:

data(){
? return{
? ? ?lists: {}
?}
}

this.lists[this.currentCate] = lists //這樣賦值視圖是不會更新的！

正確的是：

Vue.set(this.lists, this.currentCate, lists);

?

持續更新中。。。

轉載于:https://www.cnblogs.com/xxyzjb/p/5064283.html

總結

以上是生活随笔為你收集整理的总结下用Vue.js和webpack遇到的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。