一、全域API
1、Vue.directive

//定義
Vue.directive('指令名稱(定義時不需要v-,使用時需要)',{'指令的配置物件'})
//el:函式引數,代表使用當前指令元素
//binding:代表當前指令相關的配置資訊

2、Vue.use

//1、定義一個插件物件
let MyPlugin={};
//2、撰寫插件物件的install方法
MyPlugin.install=function('Vue(構造器)','配置物件'){
Vue.directive('指令名',{'配置物件'})
}
//3、安裝插件
Vue.use(MyPlugin'(物件)',{'引數'})

3、Vue.extend


4、Vue.set
用于向回應式物件中動態添加一個屬性,并確保這個新屬性同樣是回應式的,且觸發視圖更新

//a和obj是一級屬性,obj:{b}的b是二級屬性
Vue.set(vm.屬性,'屬性名','屬性值');
//直接在外面添加非回應式


5、Vue.mixin
★將一個公共物件添加到組件里面
☆vue也是組件

//混入物件可以有組件中的選項
Vue.mixin({'接收物件'})
//被混入的組件可以使用混入物件資料,
//鉤子函式優先執行混入物件的鉤子函式,再去執行混入物件的鉤子函式,

二、實體屬性
1、vm.$props

//1、文本框雙向資料系結(v-model系結)
//2、將資料傳遞到子組件中
//3、子組件監聽傳遞過來的資料,渲染結果(監聽函式名字要跟需要監聽的資料名字一致)

2、vm.$options

小技巧:輸入‘p*2’按回車可得兩個
插值運算式可直接訪問實體中的屬性,data中的資料默認加到實體中,而$options是默認就有的實體屬性,
$options.選項名

3、vm.$el


4、vm.$children


5.vm.$root

☆vue也是組件,vue的很多實體屬性,在組件中也是可以書寫的,

6、vm.$slots

插槽標簽實際是占位標簽,可以接受組件中的內容進行顯示,
//插槽:用于接收自定義組件的內容(開始標簽到結束標簽的內容)
<slot></slot>//默認插槽,通過$slots.default獲取,此時獲取的是節點([0]獲取第一個結點);如果獲取內容,則需要添加.text
<template v-slot:插槽名></template>//定義具名函式(帶名字的插槽)
<slot name="插槽名"></slot>//使用具名函式

7、vm.$attrs


三、全域配置
1、productionTip


2、silent

注意:配置需要在vue實體化之前執行,

3、devtools


四、組件進階
1、mixins

//1、定義mixin混入物件
var mixin={
data(){},
methods:{},
}
//2、注冊mixin混入物件
var vm=new Vue({
el:'',
mixins:[mixin],
data:{}
})

2、render


3、createElement

第三個引數多為文本,

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/336254.html
標籤:其他
上一篇:core-js介紹及安裝使用
