Vue自定义组件父与子

定义一个vue实例,我们暂且将#app对应的内容当成根组件


创建3个子组件


通过$parent返回的是父组件对象

这里的$parent就是我们定义的Vue实例


组件里的$parent其实就是父组件vue实例对象

组件中的数据必须是函数,由函数返回对象



$children可以返回所有的子组件数组

子组件的所有内容必须等父组件挂在完成才能使用



在父级里获取子级元素要通过$children

开发中一个组件就是一个布局,布局的位置会放生变化

这时用到了$ref


你可能感兴趣的:(Vue自定义组件父与子)