vue中组件访问

父访问子:父组件中拿到子组件对象,直接操作子组件中的东西,直接调用子组件中的data、methods。

1. 父组件直接访问子组件:

  1.1 this.$children   是一个数组类型,包含所有子组件对象

  1.2 this.$refs          是一个对象类型,持有注册过 ref属性的所有 DOM 元素和组件实例, 默认是一个空对象,只有在组件上加ref="xxx",才会追加到this.$refs                                          对象中,然后通过对象访问的方式访问子组件中的值、方法(this.$refs.xxx.值/方法),拿到特定的一个组件。

2. 子组件直接访问父组件:this.$parent

3.子组件访问Vue实例:this.$root      当前组件树的根 Vue 实例。如果当前实例没有父实例,此实例将会是其自己。

posted @ 2022-09-15 09:40  jxweber  阅读(87)  评论(0)    收藏  举报