10_自定义事件组件交互

自定义事件可以在组件中反向传递数据,prop可以将数据从父组件传递到子组件,那么反向如何操作呢,就可以利用自定义事件实现 $emit

html 复制代码
<template>
  <MyComponent @onEvent="getDataHandle"/>
</template>
<script>
import MyComponent from './components/MyComponent.vue';
export default {
  name: 'App',
  data(){
    return{
      title:'我是一个标题',
      age:20,
      names:['aaa','bbb','ccc']
    }
  },
  methods:{
    getDataHandle(data){
      console.log(data);
    }
  },
  components: {
    MyComponent
  }
}
</script>

<style>

</style>
相关推荐
子兮曰15 小时前
OpenClaw入门:从零开始搭建你的私有化AI助手
前端·架构·github
吴仰晖15 小时前
使用github copliot chat的源码学习之Chromium Compositor
前端
1024小神15 小时前
github发布pages的几种状态记录
前端
灰子学技术17 小时前
go response.Body.close()导致连接异常处理
开发语言·后端·golang
二十雨辰17 小时前
[python]-AI大模型
开发语言·人工智能·python
不像程序员的程序媛18 小时前
Nginx日志切分
服务器·前端·nginx
Yvonne爱编码18 小时前
JAVA数据结构 DAY6-栈和队列
java·开发语言·数据结构·python
Re.不晚18 小时前
JAVA进阶之路——无奖问答挑战1
java·开发语言
Daniel李华18 小时前
echarts使用案例
android·javascript·echarts
北原_春希18 小时前
如何在Vue3项目中引入并使用Echarts图表
前端·javascript·echarts