vue组件之间通过 $chidren和$ref实现父子组件传参

props实现父子组件的传参很多童鞋可能都知道今天就说另外的俩种方式传参

1.$children 传参

在 child儿子组件中  定义一个数据

data(){
            return {
                data:'hello webpack'
            }
        }

然后我们在parent组件中访问这个data

console.log(this.$children[0].data);     //这样就可以访问到了  放到vue钩子函数中

不过也有前提 需要引入这个 vue文件同时在组件中注册 

import child from "child.vue"

components:{child}

在模板中使用

<child><child>

扫描二维码关注公众号，回复： 9089157 查看本文章

2.$refs传参

这个需要一个条件是在   需要加上一个 ref=""  //可以是自己自定义的变量值

<child ref="child"><child>

console.log(this.$refs.child.data)  // 调用 这样就可以了 

武汉加油 中国加油