我们使用 emit 函数将数据从子组件传递到父组件，我们将向您展示它如何在代码中进行
我们从子组件启动 emit 函数
import {defineemits, ref} from "vue";const count=ref(0);const emit=defineemits();const users=[ { id:1, name:"khusi", age:20, profession:"it" }, { id:1, name:"khusi", age:20, profession:"it" }, { id:1, name:"khusi", age:20, profession:"it" }, { id:1, name:"khusi", age:20, profession:"it" },]const senddate=()=>{ emit("counter", 11); emit("users", users);}d component
{{ count }}
现在我们可以将它们传递给父组件
import {defineEmits} from "vue";import ComponentD from "./d-component.vue";const emit=defineEmits();const submitEmit=(e)=>{ console.log(e); emit("counter", e)}const submitUser=(e)=>{ console.log(e); emit("users", e);}c Component
结果是
让我们了解它是如何工作的
-从“vue”导入{defineemits, ref}；从vue导入必要的东西
– const count=ref(0);创建一个可变量并使用 ref
为其指定默认值
– 常量发射=defineemits();它必须在任何可验证的
中声明defineemits- 常量用户=[
{id:1, 姓名:”khusi”, 年龄:20, 职业:”it”},
{id:1, 姓名:”khusi”, 年龄:20, 职业:”it”},
{id:1, 姓名:”khusi”, 年龄:20, 职业:”it”},
{id:1, 姓名:”khusi”, 年龄:20, 职业:”it”},
] 从任何数据中使用
– const senddate=()=>{
发出（“计数器”，11）；
发出（“用户”，用户）；
我们创建一个函数，并在第一个可选数字中给出它，在defineemits中的第二个数据中给出它，并在字符串中我们编写在父组件中使用的可选名称
我们学习如何在父组件中调用它们
-const submitemit=(e)=>{
console.log(e);
发出（“计数器”，e）
}
-const submituser=(e)=>{
console.log(e);
发出（“用户”，e）；
创建了两个函数，在其中我们从子组件调用我们的emit变量，并给出它们的名称和e。在本例中，e=我们的可选数字 11 和我们的数据
– 最后我们调用了emit可选名称下的两个函数，我们可以在控制台上看到结果
谢谢大家的关注
以上就是Vue JS 发出函数的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1498110.html
微信扫一扫 
支付宝扫一扫 
