資料來自b站:尚硅谷Vue2.0+Vue3.0全套教程丨vuejs從入門到精通
了解:ES6語法規(guī)范??
????????????ES6模塊化?
????????????包管理器(npm)
? ? ? ? ? ? 原型、原型鏈
? ? ? ? ? ? 數(shù)組常用方法
? ? ? ? ? ? axios
? ? ? ? ? ? promise
一谜悟、Vue是一套用于構(gòu)建用戶界面的漸進(jìn)式JS框架
特點(diǎn):(1)采用組件化模式沙兰,提高代碼復(fù)用率,讓代碼更好維護(hù)
? ? ? ? ? ?(2)聲明式代碼痹籍,無需操作DOM,提高開發(fā)效率
二晦鞋、安裝
前提: 不支持IE8及以下版本
(1)<script>標(biāo)簽引入vue
(2)npm安裝?
三蹲缠、模板語法? (插值語法和v指令)
1棺克、v-bind? 綁定數(shù)據(jù)? v-bind:? 可以綁定標(biāo)簽內(nèi)任意屬性? 可簡寫為 :
(1)、 插值語法:? 插值語法一般用于標(biāo)簽體內(nèi)容得數(shù)據(jù)綁定
(2)线定、?v-bind:解析標(biāo)簽(標(biāo)簽屬性娜谊、標(biāo)簽體內(nèi)容、綁定事件等)
四斤讥、數(shù)據(jù)綁定
1纱皆、v-bind 數(shù)據(jù)只能從data流向頁面
2、v-model 數(shù)據(jù)不僅能從data流向頁面? 也能從頁面流向data
(v-model:雙向數(shù)據(jù)綁定? 使用限制:v-model必須使用在有value值的 表單類(輸入類)元素中? v-model:value 可以簡寫為 v-model)
3芭商、data中可以為對象 可以為函數(shù) (組件必須用函數(shù))不能用箭頭函數(shù) 箭頭函數(shù)里的this是window
五派草、Tips
移除數(shù)組第一個元素? ? arr.shift()? ? ?unshift???? ?
字符串是否包含某個字符? ? IndexOf()? !== -1? ? !!!!!!( IndexOf('') = 0? 字符串包含空字符串)??
添加元素? arr.push()? ??
template 條件渲染只能使用v-if? 不能使用v-show
六、收集表單數(shù)據(jù)