Vue的全局API
里面定義了Vue的全局變量诈闺，比如Vue.init()震桶、Vue.component()注冊全局組件
Vue選項(xiàng)規(guī)范化
- 可以把開發(fā)者各種寫法的props钟些，規(guī)范統(tǒng)一為對(duì)象
- 原來父組件可以通過provide向子組件提供其內(nèi)部未定義的數(shù)據(jù)
// 子組件
const ChildComponent = {
template: '<div>child component</div>',
created: function () {
// 這里的 data 是父組件注入進(jìn)來的
console.log(this.data)
},
inject: ['data']
}
// 父組件
var vm = new Vue({
el: '#app',
// 向子組件提供數(shù)據(jù)
provide: {
data: 'test provide'
},
components: {
ChildComponent
}
})
- directives用于注冊局部命令桦卒，像v-lazy懶加載就是通過這樣的代碼來執(zhí)行的
<div id="app" v-test1 v-test2>{{test}}</div>
var vm = new Vue({
el: '#app',
data: {
test: 1
},
// 注冊兩個(gè)局部指令
directives: {
test1: {
bind: function () {
console.log('v-test1')
}
},
test2: function () {
console.log('v-test2')
}
}
})
Vue技術(shù)揭秘-patch
-
render()生成Vnode -
updata()&patch()把Vnode渲染成具體的DOM
