先随便新建一个vue项目
父传子
一、ref refs
ref定义在父组件中(写在子组件标签身上),且他有一个名称
ref 就是给子组件取的名字
this.$refs 就是HelloWorld组件的Vue实例, 可以读取子组件的各种数据和执行方法
父组件传值
mounted() {
console.log(this.$refs)
},
这样在父组件的实例里就存在一个变量vm.$refs,值为
![在这里插入图片描述](https://img-blog.csdnimg.cn/6551c9fccef34525a8b5e50c74cf99b0.png
子组件这边用prop 接父组件的值 变量 x 放到该放的位置