一、父子组件:
1.组件创建和挂载的顺序:
2.$parent、$children和$root:
在子组件中,可以通过$parent返回父组件的对象:
如果想要返回根组件的对象,可以直接使用$root,避免了使用多个$parent的情况:
只有在父组件的mounted(){}页面挂载完成生命周期函数内才能获取到$children的信息,$children返回的是所有子组件对象的数组
图中的意思是在父组件挂载完毕后,对父组件data中定义的数据的属性进行赋值,用的是$children返回的子组件对象的数组。因为是数组,所以用下标来选择对应的数据。不过有缺陷,图中已写明。
于是引出了下面的办法:
给组件标签,添加ref属性,可以通过$refs对象获取
用$ref的方法添加一个属性 让他们变成对象 在打印就是对象了 然后根据对象的属性来对应上 这样就算顺序打乱也是一一对应的 {son1: VueComponent, son2: VueComponent, son3: VueComponent}