- 父 -> 子 props
- 子 -> 父 $emit
- 兄弟组件 找到相同的父级组件
- 更复杂的兄弟组件 中央时间管理器|中央事件总线|bus(公交车)
中央事件管理器:其实就是一个发布订阅者模式。在 vue 中我们可以通过实例化一个空的 vue 实例对象来操作- const bus = new Vue()
- A -> B 现在B组建中通过 bus.$on() 来监听一个自定义组件
- A ->B 在bus.$emit() 来触发自定义事件
- 路由之间的组件 VUEX
特殊情况(不要直接修改别人的数据)
-
$root 能够获得根组件的实例对象
-
$parent 获得父组件的实例对象
-
$children 获得子组件的实例对象
-
$refs 获得子组件或者元素
如果是子组件的话,获得的就是子组件的实例对象
如果是元素的话,获得元素的DOM元素1. 先给子组件或者元素做一个标记。通过ref属性。ref = "box" 2. 这时就可以通过 this.$refs.box 去获取了