组件通信 vue

  1. 父 -> 子 props
  2. 子 -> 父 $emit
  3. 兄弟组件 找到相同的父级组件
  4. 更复杂的兄弟组件 中央时间管理器|中央事件总线|bus(公交车)
    中央事件管理器:其实就是一个发布订阅者模式。在 vue 中我们可以通过实例化一个空的 vue 实例对象来操作
    1. const bus = new Vue()
    2. A -> B 现在B组建中通过 bus.$on() 来监听一个自定义组件
    3. A ->B 在bus.$emit() 来触发自定义事件
  5. 路由之间的组件 VUEX

特殊情况(不要直接修改别人的数据)

  1. $root 能够获得根组件的实例对象

  2. $parent 获得父组件的实例对象

  3. $children 获得子组件的实例对象

  4. $refs 获得子组件或者元素
    如果是子组件的话,获得的就是子组件的实例对象
    如果是元素的话,获得元素的DOM元素

    				1. 先给子组件或者元素做一个标记。通过ref属性。ref = "box"
    				2. 这时就可以通过 this.$refs.box 去获取了
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值