天天看点

单文件组件的组件传值_单页组件开发,element-ui原理

一、组件注册,父子组件之间的传值

1.组件注册

<
           

2.父子组件通讯

使用props和$emit父子组件相互通讯

父组件$children来操作子组件

子组件通过$parent来访问父组件

3.非父子组件的通讯

使用中央事件总线(eventbus)来处理费父子组件间的通讯

祖先元素通过provide提供数据,后代通过inject获取改数据

使用$attrs和$listeners实现祖孙组件的通讯

$root直接访问根组件

二、使用Vue.use()把单文件组件挂载到全局, Vue.use必须在挂载app之前执行

Vue.use({

install(Vue){

Vue.component(' ', {} )

}

})

三、拓展了解AST描述对象 (vue编译器原理)

编译器原理 --> " 源 " 来如此

" 源 " 来如此​zhuanlan.zhihu.com

单文件组件的组件传值_单页组件开发,element-ui原理

继续阅读