vue3.0父子组件通讯

vue3.0
**提供两种setup的入口方式，现在的话没有this**
1.
export default{
setup(){}
}
2.
---------------------------------分割--------------------------------------------
// 下一话题
// 父子组件传值和ref 拿到子组件实例
//父组件还是像以前一样,:value='12' 这样，主要是子组件怎么接收和子组件怎么返回参数
//父组件

//子组件 ，如果是 第一种情况


---------------------------------分割--------------------------------------------
// 关于ref,我们都是希望拿到子组件实例，或者子组件数据。 以前的写法2.x
this.$refs.test //3.0没有this 所以这种方式已经不对了
//看下面代码如何获取

拿到ref
// 然后你需要在setup中
setup(){
let testRef = ref(null);
function getRef(){
console.log(testRef.value.data); // 拿到子组件内部的值
testRef.value.motify(); // 触发子组件内部方法
}
}
---------------------------------分割--------------------------------------------
// setup第二种
// 因为这种情况不会使用return {} 的方式返回数据所以
//为了在
---------------------------------分割--------------------------------------------
// 以后更新吧~~~~
---------------------------------分割--------------------------------------------

原文：https://blog.csdn.net/weixin_45932463/article/details/120506439?spm=1001.2101.3001.6650.1&utm_medium=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~default-1.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2~default~CTRLIST~default-1.no_search_link