? ? 從學習vue到現在接近半年，也用vue寫過網站，期間踩過一些坑。大部分的坑經過segmentfault或掘金上的貼都能得到解決，但也有一些問題還是經過一些實踐才發現的。這篇文章就當簡單記錄一下，做筆記用。

使用v-for標簽循環生成列表的時候，真的要指定key。一開始以為主要是一個規范性問題，其次就是便于追蹤；直到有一次自己寫一個簡單的評優系統（我們學院評優工作，我算負責人之一，懶得用excel就自己寫了用來統計排名），發現同一份數據，進行多次交叉的排名之后，列表序號會混亂（數據會不會亂不太記得了）。恩于是我經過幾番嘗試（錄入數據的時候動態添加id、使用v-for自己的index也不行...后來乖乖地指定了key之后就可以了......

列表的key的制定要稍微靠譜一點，最好是id，或者循環的時候用index直接指定也可以。經歷：因為需求是錄入的數據姓名不同，我便想著直接指定name作為key，結果發現時候想修改name的時候修改很不方便（我出現的問題是修改姓名后會無限循環提交mutation），這里不太知道原因是什么后來也沒去深究。

使用beforeRouterLeave、全局鉤子beforeEach這樣一些判斷路由導向的函數，要注意判斷條件的設置。恩...有過因為判斷條件不健壯導致不停地進行路由導向然后判斷的情況，一開始還不知道是為什么...

注意理解好各個屬性的使用，如.v-model.lazy對watch函數的影響。.lazy會延遲數據變動的監聽，因此如果是要隨著數據輸入動態改變狀態的操作，就不要用lazy了

對象內的數據的變動不會被監聽到，如個對象內有一個數據，.push等操作也不會引入視圖更新。

再次對自己的提醒，認真看官網文檔。

? ? 最近基本沒有寫代碼，想寫這篇文章很久了到今天才記得寫。

? ? 題外：前陣子寫了一點react，react更多js直接驅動的感覺確實很爽，體現的設計思想和redux思想感覺也很深刻。但是感覺api的簡潔性真的不如vue（感覺vuex的時候比redux方便很多是不是不太對...），文件管理上也還不太順手，感覺有點龐大。私以為上手成本控制上vue真的做得比較好，希望隨著繼續學下去對react的印象會更好。

? ? emmmmmm....然后vue 2.5.2的發布，真的要開始上手typescript了......

總結

以上是生活随笔為你收集整理的Vuejs-踩坑/注意事项记录的全部內容，希望文章能夠幫你解決所遇到的問題。

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