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>
相关推荐
Jinuss2 小时前
源码分析之React中scheduleUpdateOnFiber调度更新解析
前端·javascript·react.js
一位搞嵌入式的 genius2 小时前
深入理解 JavaScript 异步编程:从 Event Loop 到 Promise
开发语言·前端·javascript
m0_564914922 小时前
Altium Designer,AD如何修改原理图右下角图纸标题栏?如何自定义标题栏?自定义原理图模版的使用方法
java·服务器·前端
brevity_souls2 小时前
SQL Server 窗口函数简介
开发语言·javascript·数据库
方安乐2 小时前
react笔记之useCallback
前端·笔记·react.js
火云洞红孩儿2 小时前
零基础:100个小案例玩转Python软件开发!第六节:英语教学软件
开发语言·python
AI殉道师2 小时前
FastScheduler:让 Python 定时任务变得优雅简单
开发语言·python
花间相见3 小时前
【JAVA开发】—— HTTP常见请求方法
java·开发语言·http
楼田莉子3 小时前
Linux系统小项目——“主从设计模式”进程池
linux·服务器·开发语言·c++·vscode·学习