v-show指令
作用: 控制標籤是否顯示,本質上是控制display為none/block
語法: v-show=『布林值』
>
'bvalue = !bvalue'
>點我切換值<
/button>
"bvalue"
>呵呵2
<
/p>
<
/div>
newvue(}
);<
/script>
1.v-show控制的是標籤是否顯示, v-if控制的是標籤是否渲染
2.多條件渲染v-if, 因為他配套有v-else if, v-else
3.頻繁的切換,比如tab欄切換用v-show
4.實際開發的時候v-if用的多一些. 因為更靈活, 不在乎他頻繁渲染造成的效能損耗
v-cloak指令
作用：資料還沒有來的時候,給標籤加乙個v-cloak屬性， 資料來了這個屬性就消失了
[v-cloak]
<
/style>
>
}<
/div>
<
/div>
// 假如這個資料是傳送請求獲取來的,需要消耗時間
settimeout((
)=>})
;},1000);
<
/script>
作用：讓標籤只接受一次渲染,渲染一次後,就算後面有值的更新也不會再渲染了
>
'btnclick'
>點我更改msg的值<
/button>
}<
/div>
<
/div>
newvue(,
methods:},
});<
/script>
作用：讓標籤不作用vue的語法,原樣輸出就好
>
}<
/div>
<
/div>
newvue(}
);<
/script>
Vue框架 Vue指令
v cloak 避免螢幕閃爍 class屬性 重點 style屬性 了解 案例 123 data methods 12 3 事件處理 3 v if有家族 v if v else if v else if控制顯隱 你是第1個p 你是第2個p 你是第3個p 案例綠 藍 注意 v for遍歷要依賴於乙個所...
Vue基礎知識總結下篇
一 基本語法 1 例項化 new vue 2 el 一定是根容器元素 vue的作用域就是這個根元素內 就是寫選擇器 data 用於儲存資料 methods 定義方法 方法裡this指向當前vue例項化的物件，但是獲取屬性和方法不需要this.data.name，直接this.name即可，獲取方法也...
vue常用指令
1 v model id box type text v model br div var a new vue script 就和 ng model 乙個意思了 v html html v html html渲染過程中被解析 v text text 同上 意思就是資料渲染過程中被解析 v for v...