vue知识点之$parent $children $refs $root

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

1. $parent

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

写法：

this.$parent.getParent()

2. $children

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

写法：

this.$children[0].getParent()

3. $refs

👀 $refs是父组件调用某一个子组件或者标签元素的方法，返回的是一个对象，因为是指定的某一个

写法:

this.$refs.child.getChild() 

4. $root

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

写法:

this.$root.getRoot()