首页 > 其他分享 >[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线

[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线

时间:2023-12-18 20:56:54浏览次数:35  
标签:11 Vue name 自定义 bus vue 事件 组件

组件的自定义事件

通过props可以将信息传递给子组件,那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法,我们还可以用自定义事件

通过父组件给子组件绑定一个事件someEvent

// App.vue
<Student @someEvent='getStudentName' />

// methods
methods: {
	getStudentName(name, ...params){
		console.log("Data received by App: ", name, params)
	}
}

标签:11,Vue,name,自定义,bus,vue,事件,组件
From: https://www.cnblogs.com/Akira300000/p/17912218.html

相关文章

  • 11.1
    今天实现了期中考试的代码。以下是本次期中考试的题目企业ERP生产计划管理系统(20分)1、项目需求:随着企业规模的不断扩大和市场竞争的日益激烈,生产计划管理成为了企业管理中不可或缺的一部分。生产计划管理子系统是企业管理信息系统中的一个重要组成部分,它主要负责生产计划的制定......
  • 11.7随笔
    执行没有WHERE子句的UPDATE要慎重,再慎重。在MySQL中可以通过设置 sql_safe_updates 这个自带的参数来解决,当该参数开启的情况下,必须在update语句后携带where条件,否则就会报错。setsql_safe_updates=1; 表示开启该参数SQL DELETE 语句DELETE语句用于删除表中......
  • 11.2随笔
    SQL INSERTINTO 语句INSERTINTO语句用于向表中插入新记录。SQLINSERTINTO语句INSERTINTO语句用于向表中插入新记录。SQLINSERTINTO语法INSERTINTO语句可以有两种编写形式。第一种形式无需指定要插入数据的列名,只需提供被插入的值即可:INSERTINTOtable_na......
  • 11.1随笔
    SQL ORDERBY 关键字ORDERBY关键字用于对结果集进行排序。SQLORDERBY关键字ORDERBY关键字用于对结果集按照一个列或者多个列进行排序。ORDERBY关键字默认按照升序对记录进行排序。如果需要按照降序对记录进行排序,您可以使用DESC关键字。SQLORDERBY语法SEL......
  • 11.6随笔
    SQL UPDATE 语句UPDATE语句用于更新表中的记录。SQLUPDATE语句UPDATE语句用于更新表中已存在的记录。SQLUPDATE语法UPDATEtable_nameSETcolumn1=value1,column2=value2,...WHEREcondition;参数说明:table_name:要修改的表名称。column1,column2,.........
  • 从零开始封装 vue 组件
    对于学习Vue的同学来说,封装vue组件是实现代码复用的重要一环。在Vue官网中非常详细地介绍了vue组件的相关知识,我这里简单摘取使用最频繁的几个知识点,带大家快速入门vue组件的使用。快速入门我们假设在页面上有很多地方都要用到一个计数器,与其在每个地方都实现计数器功......
  • 11.29
    SELECT*fromAWHEREidin(SELECTidfromB)SELECT*fromAWHEREidEXISTS(SELECT1fromA.id=B.id)in是在内存中遍历比较exist需要查询数据库,所以当B的数据量比较大时,exists效率优于in.in()只执行一次,把B表中的所有id字段缓存起来,之后检查A表的id是否与......
  • 11.16
    《代码大全2》是一个经典的软件开发书籍,是一本非常有价值的资源,包含了许多软件开发中的重要主题。书中提醒读者以解决问题为导向,不仅仅是完成任务。防御式编程,防御式编程不是指不让别人批评代码,而是指确保要承担的责任,保证方法不会因为传入错误数据而破坏,看似微小的防范,收益可能......
  • 11.18
    读完整本书后,我深感受益匪浅,以下是我的读书感受:首先,本书强调了实效的概念,强调软件开发应该关注实际效果而非形式主义。在软件开发领域,经常会陷入繁琐的流程和规范之中,而实际上,真正重要的是产出高质量、可维护、可扩展的软件。这一理念对于开发者来说是一种解脱,让人更专注于创造......
  • VUE前端实现视频截图并上传到服务器
    做视频上传的时候有时候需要上传预览图,后端一般可以用FFMPEG来实现,前端也可以直接截图,这个功能不需要后台实现,VUE前端利用canvas画图,然后转换Base64就可以完成。1.前端代码<el-form-itemlabel="视频地址"requiredprop="videoURL"><el-upload:action="upload......