通常是根據已有的 data 資料，計算生成新的資料，把這種結構叫做計算屬性，計算屬性在 vue 的選項物件中使用computed屬性來設定，例：
}}
=賦值。
計算屬性與方法的區別：
計算屬性的值會被快取，只有當其所依賴的資料發生變化後，才會重新計算計算屬性的值，計算完畢後繼續快取起來（計算屬性是基於它們的響應式依賴進行快取的）；
方法的運算結果不會被快取，每次呼叫方法時，方法主體的內容都會重複執行；
在 vue 的選項物件中，使用watch屬性來設定，能夠監聽指定資料的變化
v-if 與 v-show 的區別：
一般來說，v-if有更高的切換開銷，而v-show有更高的初始渲染開銷。因此，如果需要非常頻繁地切換，則使用v-show較好；如果在執行時條件很少改變，則使用v-if較好。
v-if 在元素顯示/隱藏時，會向 dom 樹中新新增節點或從 dom 樹中刪除節點，它在元素切換顯示/隱藏時的切換開銷比較大；但當 v-if 的初始條件為 false 時，不會渲染
v-show 在元素顯示/隱藏時，操作的是 css 中的 display 屬性，切換開銷比 v-if 小；當初條件 為 false 時，會渲染，然後操作 css 的 display，有較大的初始化開銷
通常是遍歷陣列元素，渲染節點
v-for (相當於原生js中的 for…in/for…of)
>
v-for
="(item, index) in array"
>
} - }
li>
ul>
Vue 模板渲染 條件渲染 列表渲染
當獲取到後端資料後，我們會把它按照一定的規則載入到寫好的模板中，輸出成在瀏覽器中顯示的 html，這個過程就稱之為渲染。而 vue.js 是在前端 即瀏覽器內 進行的模板 渲染。1.前後端渲染對比 前端渲染 的優勢 是在瀏覽器裡利用 js 把資料和 html 模板進行組合，業務分離，後端只需要提供資...
vue入門 條件和列表渲染
v if指令，很容器理解就是乙個條件判斷，當條件成立時渲染 另外，還能夠使用v else if和v else，v else元素必須緊跟在帶v if或者v else if的元素的後面，否則它將不會被識別。bc 根據上邊的例子，v if 主要就是決定元素的顯示和隱藏 還有另外乙個相同作用的指令v sho...
1 4 Vue 條件渲染和列表渲染
1.條件渲染 v if v else if v else v show v if status 1 當status為1 顯示該行p v else if status 2 當status為2 顯示該行p v else status 3 當status為3 顯示該行p v show status 1 當...