Vue3 CompositionAPI 组合式API 子组件向父组件传递数据（通信）

2021-05-16 11:27

阅读：348

标签：asc http png set export getc 模板 pos mit

传递给 setup 函数的第二个参数是 context。context 是一个普通的 JavaScript 对象，它暴露三个组件的 property：attrs,slots和emits，其中emit就是Vue2中的$emit方法

现在使用Vue3风格和组合式API方式完成，
假设父组件为Collection.vue，子组件为NavBar.vue(注册模板后写作)
那么需要在子组件NavBar.vue中定义

在父组件Collection.vue中这样写


     /*父组件接收到事件和参数并且使用方法承接*/

加载Collection组件后显示在控制台显示子组件中取到的数据：
技术图片
注意，在父组件的template域仍然可以支持使用$emit方法分发事件

Vue3 CompositionAPI 组合式API 子组件向父组件传递数据（通信）

标签：asc http png set export getc 模板 pos mit

原文地址：https://www.cnblogs.com/caozhenfei/p/14491983.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：Vue3 CompositionAPI 组合式API 子组件向父组件传递数据（通信）
文章链接：http://soscw.com/index.php/essay/86226.html

亲，登录后才可以留言！