ref 屬性
-
ref屬性標(biāo)示對(duì)dom的引用，值是唯一值铺浇，定義在dom標(biāo)簽內(nèi) - 獲取時(shí)使用
this.$refs.屬性值
自定義指令
- 通過
Vue.directive('指令名',配置項(xiàng))創(chuàng)建痢畜，包含兩個(gè)參數(shù)，自定義指令的名字和自定義指令的配置項(xiàng) -
inserted(el,binding)鉤子函數(shù),自定義指令插入到標(biāo)簽中時(shí)執(zhí)行，el表示使用自定義指令的函數(shù)丁稀，binding表示自定義指令的信息 -
v-自定義指令名="參數(shù)"傳遞的參數(shù)可以在鉤子函數(shù)里第二個(gè)參數(shù)獲取
VUE 過濾器
- 通過 Vue.filter()創(chuàng)建過濾器繁涂，參數(shù)1顧慮器名稱，參數(shù)2過濾器的處理函數(shù)
- 使用方法：
{{name | 過濾器名稱}} - 可以用于一些常見的文本格式化
computed 計(jì)算屬性
- 通過
computed關(guān)鍵字創(chuàng)建計(jì)算屬性 - 在使用計(jì)算屬性時(shí)可以在計(jì)算屬性的方法里進(jìn)行一些操作
watch 監(jiān)聽器
- 用來監(jiān)聽屬性的變化,只要監(jiān)聽的屬性值發(fā)生改變二驰，監(jiān)聽器就會(huì)執(zhí)行
- 使用
watch屬性使用,它是一個(gè)對(duì)象，對(duì)象里函數(shù)名是需要監(jiān)聽的屬性watch: { 屬性名(oldVal, newVal) { code... } } - 深度監(jiān)聽,監(jiān)聽對(duì)象類型只能用深度監(jiān)聽
axios 基于promise的(HTTP庫)
- 用法如下：
//get請求 (1) axios.get('/getData?id=1').then(res => {//code}).catch(err => {throw err}) (2) axios.get('/getData,{ //此處固定寫法 只能寫 params params: { id:1 } }).then(res => {code...}).catch(err => {code...}) //post 請求 axios.post('/user', { name: 'zs', age: '123' }).then(res => {code...}).catch(err => {code...})
async 和 await
-
async是一個(gè)ES7的語法關(guān)鍵字秉沼，只能用來修飾functionasync function getInfo() {code...} //專業(yè)名稱叫：異步方法 -
await只能用在被async修飾的異步方法中,它的作用就是修飾一個(gè)promise實(shí)例 - 異步方法中桶雀，在遇到第一個(gè)
await之前，所有的代碼都是同步調(diào)用的 -
async函數(shù)返回一個(gè)Promise對(duì)象唬复，可以使用then方法添加回調(diào)函數(shù)矗积。當(dāng)函數(shù)執(zhí)行的時(shí)候，一旦遇到await就會(huì)先返回敞咧，等到異步操作完成棘捣，再接著執(zhí)行函數(shù)體內(nèi)后面的語句。
