vue的父与子组件的访问

父访问子  (需要掌握)

this.$children 和 this.$refs  

this.$children 返回的是一个数组,包含父组件的所有子组件  this,$refs 返回的是一个对象,默认为空,返回父组件中所有标签带有ref属性的子组件

this.$children 是获取父组件的所有子组件,然后返回一个数组   (不常用)
this.$refs 则是通过给 组件标签上 加上一个 ref属性,然后在父组件中调用 this.$refs时才会返回 一个对象  (常用,用的非常多 基本都是用这个)
例如  子组件标签 <cpn ref="mm"></cpn>   通过this.$refs 他就会返回一个对象 {mm:Vuecomponent} 而mm就作为一个key,我们通过this.$refs.mm 就能拿到这个组件,之后就可以拿到具体的值了

 

访问父   (不常用)

 this.parent 访问父组件   this.root 访问根组件   (都用得少)

posted @   没有烦恼的猫猫  阅读(53)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示