Vue里父子组件的访问方式

• 父访问子：使用$children（用的较少）或$refs（普遍用这个）

// $children 返回一个Vuecomponent数组，含多个子组件
this.$children[0].sonName;	// 调用子组件的属性
this.$children[0].sonFunction;	// 调用子组件的方法

// $refs 返回父组件中标签对应ref属性的对象
<cpn ref='cpnName'></cpn>
this.$refs.cpnName.sonName;	// 通过ref的值去调用

• 子访问父：使用$parent（用的很少，和父组件耦合性高）

// $parent 返回父组件
this.$parent.fatherName;

• 访问根组件（Vue实例）：$root（用的很少，一般Vue实力不放属性和方法，只负责配置）

// $root 返回最顶层的Vue实例
this.$root.rootName;