二十一、父子组件的通信(父子组件的访问方式)
有时候需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件
- 父组件访问子组件:使用 $children 或 $refs (renference--引用)
- 子组件访问父组件:使用 $parent
一、父访问子
1. this.$children 是一个数组类型,它包含所有子组件对象
我们这里通过一个遍历,取出所有子组件的message状态
我是子组件
2. this.$refs 是一个对象类型,它默认是一个空对象 包含所有子组件对象,需要在模板引用标签上加上 ref="key" 使用
我是子组件
二、子访问父
1. this.$parent 访问父类组件
2. this.$root 访问根组件
我是子组件
我是子组件的子组件