vue是非同步渲染的，當data改變之後，dom不會立刻被渲染，頁面渲染時會將data的修改做整合，多次data修改只會做整合最後一次性渲染出來，這也是非同步渲染的原因。只有非同步渲染才可以實現整合操作。
methods:
},},
我們需要對data修改後並拿到dom，對dom進行操作解決，
本來點選完之後陣列長度應該輸出6個，但是實際上陣列長度只有3個，因為data改變後，dom並不會立刻改變，此時我們是拿不到新增的節點的，這時候的dom節點還是一開始的a,b,c 。dom操作執行完之後，它再非同步渲染。
不過我們的期望是點選完之後立刻拿到後面的三個，這時候就需要請出我們的主角nexttick。
這個例子也可以看出，$nexttick會待dom渲染完成再**，同時也可以看出，我們雖然一次點選有三次修改data,但是多次修改會進行整合，最後渲染一次，這也說明渲染也是非同步的，如果是同步，就沒辦法整合。
props寫法 簡單理解vue中Props屬性
使用 props 傳遞資料 元件例項的作用域是孤立的。這意味著不能並且不應該在子元件的模板內直接引用父元件的資料。可以使用 props 把資料傳給子元件。prop 是元件資料的乙個字段，期望從父元件傳下來。子元件需要顯式地用 props 選項 宣告 props vue.component child...
vue中的雙向資料繫結原理簡單理解
儲存根據流程圖來理一下實現乙個mvvm 如上圖所示，我們可以看到，整體實現分為四步 1 實現乙個compile，對指令進行解析，初始化檢視，並且訂閱資料的變更，繫結好更新函式 2 實現乙個observer，對資料進行劫持，通知資料的變化 3 實現乙個watcher，將其作為以上兩者的乙個中介點，在接...
Vue中的Mixin理解
當有不同元件的選項存在相同處理時，vue為我們提供了一種叫做mixin的混入功能。它通過遞迴操作，將mixin物件上的選項與元件中的選項合併，避免了元件間相同處理的 冗餘。下面，我在專案中建立了乙個叫做comment的元件，然後將此元件作為另乙個元件mixin選項後，新元件就完全複製了comment...