Vue 笔记 12.04 父子组件、第三方组件库

一、父子组件:

1.组件创建和挂载的顺序:

2.$parent、$children和$root:

在子组件中,可以通过$parent返回父组件的对象:

如果想要返回根组件的对象,可以直接使用$root,避免了使用多个$parent的情况:

只有在父组件的mounted(){}页面挂载完成生命周期函数内才能获取到$children的信息,$children返回的是所有子组件对象的数组

图中的意思是在父组件挂载完毕后,对父组件data中定义的数据的属性进行赋值,用的是$children返回的子组件对象的数组。因为是数组,所以用下标来选择对应的数据。不过有缺陷,图中已写明。

于是引出了下面的办法:

给组件标签,添加ref属性,可以通过$refs对象获取 
用$ref的方法添加一个属性 让他们变成对象 在打印就是对象了 然后根据对象的属性来对应上                     这样就算顺序打乱也是一一对应的                    {son1: VueComponent, son2: VueComponent, son3: VueComponent}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容