关于vue3组合式api (父组件和子组件之间的数据传递)笔记

目录

1.父组件转子组件

 2.子组件传父组件

1.父组件转子组件

  直接上代码

关于vue3组合式api (父组件和子组件之间的数据传递)笔记_第1张图片

 运行结果

关于vue3组合式api (父组件和子组件之间的数据传递)笔记_第2张图片

 2.子组件传父组件

子组件向父组件传递数据较为复杂一些,需要加深理解才可以明白!我是这样理解的

父组件先写一个带参的函数,然后再将函数传给子组件,在子组件中用defineEmits去接收父组件传递的函数,再通过创建一个函数去调用这个父组件进行传值,只要触发这个函数就传值成功(回调成功),可配合下面代码一起理解。

直接上代码

关于vue3组合式api (父组件和子组件之间的数据传递)笔记_第3张图片  运行结果

 关于vue3组合式api (父组件和子组件之间的数据传递)笔记_第4张图片

你可能感兴趣的:(vue.js,笔记,vue.js,前端)