vue中$parent $children $refs $root之间的关系

$parent $children $refs $root

vue提供的这几种方法可以随便调用父子组件跟组件data里的值还有method中的方法

 

$parent是子组件调用父组件的方法，返回的是一个对象，因为只会有一个父组件

写法：this.$parent.getParent()

 

$children是父组件调用子组件的方法，返回的是一个数组，因为至少有一个子组件

 

$refs是父组件调用某一个子组件的方法，返回的是一个对象，因为是指定的某一个

写法:this.$refs.child.getChild()

 

$root是子组件调用根组件的方法，返回的是一个对象，因为只有一个根组件

写法:this.$root.getRoot()