Vue框架 Vue指令

2022-06-13 09:00:08 字數 1456 閱讀 4682

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遍歷要依賴於乙個所屬標籤,該標籤及內部所有內容會被遍歷復用

5		

-->

}【}】 }

【}】【}}】

}【}】【}}】

}【}】【}-}】

【}-}-}】

"""

尾增:arr.push(ele)

首增:arr.unshift(ele)

尾刪:arr.pop()

首刪:arr.shift()

增刪改插:arr.splice(begin_index, count, args)

"""

"""

// 存

// 持久化化儲存,永遠儲存

localstorage.name = "bob";

// 持久化化儲存,生命週期同所屬標籤(頁面),頁面關閉,重新開啟就會丟失

sessionstorage.name = "tom";

// 取

console.log(localstorage.name);

console.log(sessionstorage.name);

// 清空

localstorage.clear();

sessionstorage.clear();

// 短板:只能儲存字串,所以物件和陣列需要轉換為json型別字串,再進行儲存

let a = [1, 2, 3];

localstorage.arr = json.stringify(a);

let b = json.parse(localstorage.arr);

console.log(b);

"""

VUE 框架指令

被稱作大鬍子語法 雙花括號語法,在 vue 的使用中很常見 可以存放變數名,存放表示式 一些運算,只要最終的結果 h1 但是它有著自身的侷限性,只允許出現在內容區域,怎麼辦?我想改 class類名!想改id名!想改屬性名!為迎合屬性 類名,id,name 變化的需要,vue 提供了 指令 指令 di...

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...

Vue 指令 詳解

塊放上來後,縮排有點問題,還請諒解,將就看看就好。1.v if v else v show 條件判斷 請登入v show 只是判斷是否顯示,無論布林值是什麼都是載入狀態 data 2.v for 列表迴圈 data computed sorestudents 陣列排序 function sortnu...