一、当需要拿到所有子组件的时候才会通过this.$children,返回的是一个存放所有子组件的数组,一般很少用,除非你的组件顺序变化不大且能清楚记住子组件的位置
this.$children[3].username
//获取第四个子组件的data里的username数据
二、this.$ refs,给组件绑定ref属性,相当于html获取dom元素,this.$ refs返回的是一个对象
this.$refs.titleCpn.aaa
//获取titleCpn组件中的aaa数据
三、this.$parent获取当前组件的父组件,类似jq中通过.parent获取父元素,根是Vue实例,Vue实例下都是VueComponent(组件),用到的情况少
this.$parent
四、this.$root获得根下的实例,也就是Vue实例
<div id="#app">{{username}}<first-cpn></first-cpn></div>
this.$root.username
//获取Vue实例下的username