提供了子组件中访问父元素【对象】的属性和方法,以及父组件中访问子组件【对象】的属性和方法。
在父组件访问子组件对象
$children
返回子组件对象Vue Component 数组,如果想要访问某个子元素的属性,需要通过this.$children[0].message
这样如果儿子组件多了,就不太好区分,所以延伸出一种给子组件取固定名字,通过叫名字访问的形式
$refs[childName]
默认{},除非有子组件添加了ref="name"属性,即可访问
具体访问某个儿子,即可通过
this.$refs.name访问
子组件中访问父组件对象
$parent
访问父组件,如果父组件是普通Vue组件非根组件,那么返回Vue component类对象,里边包含父组件对象所有属性方法
如果父组件是rootVue实例,那么返回Vue实例对象
$root
有时候,我们想在孙子组件内部访问根Vue实例的属性,那么使用$root