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