组件之间通讯方式

props :父向子传递
$emit / v-on :子向父(通过派发)传递
v-model: 双向绑定
slot:插槽(子组件通过插槽的方法传给父组件)
provide/inject:依赖注入(可以指定传给后代的数据和方法)
root:访问根目录的属性和方法
$attrs/$listeners:深层传递(多层传递)爷爷向孙子
eventBus:公交车,中央事件总线
Vuex:解决eventBus的缺点用于大型项目,集中式储存和管理所有组件状态
ref:父组件通过$refs可以主动获取子组件的属性或者调用方法
$children/$parent($children:获取到一个包含所有子组件(不包含孙子组件)的 VueComponent 对象数组,可以直接拿到子组件中所有数据和方法等
$parent:获取到一个父节点的 VueComponent 对象,同样包含父节点中所有数据和方法等)
.sync:子组件可以修改父组件的内容(其实就是双向绑定)

posted @   LT先生  阅读(32)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示