v-if
前面講過v-if和v-else，v-else-if的用法，這裡在補充一些
當有一組元素需要新增v-if指令時，為每個元素都新增v-if就會顯得尤為惱火。
這時可以使用template元素
>
v-if
="ok"
>
>
hellop
>
>
>
我們都需要v-ifspan
>
template
>
div>
>
var vm =
newvue(}
)script
>
p,br,span三個標籤都將不會被渲染。
另乙個和v-if差不多功用的元素就是v-show用法大致一樣，但是不同的是v-show不支援template和v-else.且v-show始終會存在於渲染的並保留在dom中，也就是說v-show只是簡單的負責改變css property裡的display屬性。
v-if和v-show抉擇
正如v-if展示的那樣，當v-if後面的是false時，則不會執行任何操作，但是一旦狀態變為true則會開始渲染載入v-if所包含的內容，這意味著更大的切換開銷，而v-show則是，無論結果如何一開始就會渲染，而根據display的屬性來決定是不是顯示在網頁上，這也意味著更大的初始化開銷。因此對於這兩種指令的使用需要更加細緻的考慮實際情況。且兩種指令不分高低。
當 v-if 與 v-for 一起使用時，v-for 具有比 v-if 更高的優先順序，而vue官方文件則不推薦同時使用，除非是在for遍歷時，需要通過v-if來過濾時才會有所傾向。其他時候一律不建議。
VUE Day03元件開發
複習 指令vue自動將記憶體放入介面，不同位置需要不同指令 資料放到內容中，使用雙花括號 插值語法 資料放到屬性中動態繫結，用冒號 反覆根據陣列中元素生成多個元素v for 控制乙個元素顯示隱藏v show 多個元素選其一顯示v if 繫結事件 事件處理函式寫在methods中 如何獲得滑鼠位置，第...
04 條件渲染
單個元素渲染 v if v else 單個元素渲染 v if v else if v else 用v if 跟著v else，其中如果沒有v if或v else if v else不會被識別。多個元素渲染 第乙個第二個 第三個 第四個 在單個元素渲染的基礎上新增乙個template標籤，而且這個標籤...
Vue起步06 條件渲染
問題一，我們的知道什麼是條件渲染？更具某一條件來判定是否要渲染某一塊內容 問題二，條件是什莫？v if v show後面的truthy falsthy 問題三，那兩者有什莫不同呢？v if 條件渲染 真正 vue中的 就地復用 策略 因為對於一些可復用且無關鍵字key的元素，vue在條件渲染時，會選...