渲染： 簡單示例 操作數組即可改變數據 遍歷的時候取索引值 遍歷對象 由於對象沒有索引，但是有key，所以遍歷的時候可以取到key key值設置 使用不重復的數據做key值，避免for循環遍歷的時候對相同key值跳過更新 ...

文檔：https://cn.vuejs.org/v2/guide/list.html 當 Vue.js 用 v-for 正在更新已渲染過的元素列表時，它默認用“就地復用”策略。如果數據項的順序被改變，Vue 將不會移動 DOM 元素來匹配數據項的順序， 而是簡單復用此處每個元素，並且確保 ...

條件渲染 v-if v-if會確保在切換過程中條件塊內的事件監聽器和子組件適當地被銷毀和重建。 在 template 元素上使用 v-if 條件渲染分組 因為v-if是一個指令，所以必須將它添加到一個元素上。但是如果想切換多個元素呢？此時可以把一個<template> ...

Vue的列表渲染 注：其實使用的還是相關的vue的指令進行相應的數據綁定和渲染 在前邊寫過一個博客來說指令的相關內容但是寫的不細，就是寫了相應的使用方法，在此要提到之前遇到的一個問題 就是前端拿到返回數據進行數據渲染·列表展示的時候，之前就是直接解析出數組直接在DOM上邊寫一個v-for 進行 ...

條件渲染 v-if 　　在三者的后面跟上一個變量，只有當變量值為true時（可以對變量值隱式轉換），綁定該條件的元素才顯示 　　 v-else-if和v-else 　　可以對多個元素綁定一個變量，當變量的值符合其中之一時，符合條件的元素顯示，否則綁定v-else的元素顯示 ...

v-for 我們用 v-for 指令根據一組數組的選項列表進行渲染。 v-for 指令需要以 item in items 形式的特殊語法， items 是源數據數組並且 item 是數組元素迭代的別名。 基本語法 結果： 在 v-for 塊中，我們擁有 ...

v-for 可以使用 v-for 指令基於一個數組渲染一個列表。這個指令使用特殊的語法，形式為item in items，items 是數據數組，item 是當前數組元素的別名： 示例： 在 v-for 塊內我們能完全訪問父組件作用域內的屬性，另有一個特殊變量 ...

思路： 完成頁面結構及 添加數據和刪除數據邏輯 包裹列表使用transition-group標簽，將該有的類名加上。這樣寫了效果是有了，但是過渡比較生硬，如何讓它平滑一點？ 加v-move類名 ...