v-if ：判斷是否隱藏
"list.lenght > 0"
> v-
if<
/div>
else
> v-
else
<
/div>
//item代表是迴圈的值 ， index代表是每一項 也可以說是下標 :key 代表標識
for=
"(item,index) in list"
:key=
"index"
>
}<
/p>
<
/div>
最簡單的繫結（這裡的active加不加單引號都可以，以下也一樣都能渲染）
:
class
=""
:
class
="" 或者:
class
=""
"text" v-model=
"search"
>
data()
"show"
>v-show<
/div>
// true 顯示 false 隱藏
data()
},
共同點：都是通過判斷繫結資料的true/false來展示的
不同點：v-if只有在判斷為true的時候才會對資料進行渲染，如果為false**刪除。除非再次進行資料渲染，v-if才會重新判斷。可以說是用法比較傾向於對資料一次操作。
v-show是無論判斷是什麼都會先對資料進行渲染，只是false的時候對節點進行display:none;的操作。所以再不重新渲染資料的情況下，改變資料的值可以使資料展示或隱藏
Vue常用指令及使用
指令是以資料去驅動dom行為，簡化dom操作。常用指令如下 v text innertext，不能解析文字中的html標籤 v html innerhtml，可解析文字中的html標籤 v show控制元素的顯示 隱藏 v if v else if v else滿足條件才顯示對應的元素 v for遍...
Vue常用指令及介紹
vue 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。new vue v show 根據表示式的真假值來顯示和隱藏元素 vs temp 如懿傳 p ok 還珠格格 p d...
vue常用指令及原理
1 v if 判斷表示式是否為真，如果為真則插入dom。v show 則是通過控制css樣式來控制是否顯示。如果要顯示的元素中含有，使用 v show 可以在顯示之前提前載入，當值為 true 時就顯示。使用 v if 時會直到顯示時才開始載入。2 v for 指令可以用來遍歷乙個陣列或物件 對於陣...