vue3绑定自定义事件子组件给父组件传参defineEmits,vue2中通过.native修饰符变为原生dom事件,vue3中通本身就是原生dom事件，无论放在标签还是放在组件上面

最新推荐文章于 2024-08-30 19:58:42 发布

前端小云儿

最新推荐文章于 2024-08-30 19:58:42 发布

阅读量183

点赞数 3

分类专栏： vue3知识点文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/jieweiwujie/article/details/136093551

版权

vue3知识点专栏收录该内容

87 篇文章 2 订阅 ¥39.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了在Vue2和Vue3中子组件如何通过事件向父组件传递参数。在Vue2中，需要使用.native修饰符将自定义事件转换为原生DOM事件，而在Vue3中，事件本身即为原生DOM事件，无论绑定在标签还是组件上。

摘要由CSDN通过智能技术生成

vue2中通过.native修饰符变为原生dom事件,vue3中通本身就是原生dom事件，无论放在标签还是放在组件上面

父组件

<script setup>
import appCHILD from './appChild.vue'
const clickButton = (a, e) => {
  console.log(a, e, '鼠标位置')
}
const handle = (a, b) => {
  console.log(a, b)
}
</script>

<template>
  <h1>vue2中通过.native修饰符变为原生dom事件</h1>
  <h1>vue3中通本身就是原生dom事件，无论放在标签还是放在组件上面</h1>
  <h3>vue3中自定义事件（1）</h3>
  <h3>原生dom事件</h3>
  <h3>原生dom事件，默认会注入回调函数。click，doubelcilck,change,鼠标事件等等</h3>
  <h4>//$event固定写法</h4>
  <button @click="clickButton('a', $event)">vue3中自定义事件</button>
  <h1>绑定自定义事件 子组件给父组件传参