二十一、父子组件的通信(父子组件的访问方式)


有时候需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问根组件

  • 父组件访问子组件:使用 $children 或 $refs (renference--引用)
  • 子组件访问父组件:使用 $parent

一、父访问子

1. this.$children 是一个数组类型,它包含所有子组件对象

我们这里通过一个遍历,取出所有子组件的message状态

    

2. this.$refs 是一个对象类型,它默认是一个空对象 包含所有子组件对象,需要在模板引用标签上加上 ref="key" 使用

    

二、子访问父

1. this.$parent 访问父类组件

2. this.$root 访问根组件

    

相关