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>
相关推荐
梦曦i4 分钟前
@meng-xi/create-uni-app vs unibest:轻量脚手架与重型框架的定位之争
前端·uni-app
平头哥技术团队12 分钟前
Day 10 | 工欲善其事:VS Code 配置与项目归档
android·开发语言·前端·javascript·html·交互
乌萨奇也要立志学C++13 分钟前
【洛谷】kmp算法
开发语言·算法
传奇开心果编程27 分钟前
【Rust入门知识点学与练】第4课:条件判断 if / else
开发语言·学习·rust
乌恩大侠38 分钟前
GH200 新增 NVMe SSD 分区、格式化与挂载完整流程
运维·服务器·前端
m0_380743871 小时前
给 Claude API 调用补上超时重试和错误分类
开发语言·人工智能·php
yume_sibai1 小时前
Element Plus 数据展示组件完全指南(15个核心组件)
前端·javascript·vue.js
Draw Stars1 小时前
Git BASH安装教程
开发语言·git·bash
vortex51 小时前
一文讲透 Zsh 与 Bash 的区别
开发语言·bash
千谦阙听1 小时前
C++类和对象(中):默认成员函数、构造与析构、拷贝构造、运算符重载
开发语言·c++·学习