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 - 锐客网 我是ccpn组件
我是cpn组件
(2)使用
$root
访问案例:使用
$root
访问根组件中属性name
Document - 锐客网 我是ccpn组件
我是cpn组件
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- VueX--VUE核心插件
- 动态组件与v-once指令
- vue组件中为何data必须是一个函数()
- 用npm发布一个包的教程并编写一个vue的插件发布
- (六)Component初识组件
- Spring|Spring Boot 自动配置的原理、核心注解以及利用自动配置实现了自定义 Starter 组件
- vuex|vuex 基础结构
- Vue源码分析—响应式原理(二)