Vue父子组件访问

1、父组件访问子组件:使用$children$refs(在开发中一般使用$refs) (1)使用$children访问:this.$children是一个数组类型,它包含所有子组件对象。(注意:当要拿到所有子组件的时候才会使用$children
案例:使用$children通过遍历访问子组件中的方法和属性

Document - 锐客网

【Vue父子组件访问】(2)使用$refs访问:$refs是一个对象类型,默认是一个空的对象,必须在组件上添加ref="xxx"
案例:使用$refs访问第二个组件中的属性name
Document - 锐客网

2、子组件访问父组件:使用$parent$root(在开发中一般使用$root) (1)使用$parent访问
案例:使用$parent访问父组件中的属性name
Document - 锐客网

(2)使用$root访问
案例:使用$root访问根组件中属性name
Document - 锐客网

    推荐阅读