Vue事件修饰符,组件

本文详细介绍了Vue中的事件修饰符,如.stop、.prevent等,以及组件的使用,包括组件的优势、局部组件、全局组件、组件嵌套和组件间通信的多种方式,如属性传递、$emit方法以及在兄弟组件间的价值传递。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、事件修饰符
事件修饰符:
.stop阻止事件冒泡
在这里插入图片描述
.prevent阻止事件的默认行为
在这里插入图片描述
.capture事件捕获
在这里插入图片描述
.self自身触发
在这里插入图片描述
.once只触发一次
在这里插入图片描述
二、组件
组件式vue最强大的功能之一
可以扩展html元素,封装可以重用的代码
优点:
1.能减少代码的重用,提高开发效率
2.降低页面的耦合度,使页面更方便维护和管理
2.1局部组件
在这里插入图片描述
推荐使用:
在这里插入图片描述
2.2 全局组件
在这里插入图片描述
2.3组件的嵌套
在这里插入图片描述
2.4组件间的通信
//组件之间的通信传值
/父组件给子组件传值
1.用属性传 在子组件中用props定义属性 props:[‘属性名’]
//子组件给父组件传值
1.用方法传 $emit(‘事件’)
//兄弟组件之间的传值
2.4.1:父组件给子组件传值
在这里插入图片描述
vue实例给组件传值
在这里插入图片描述
子组件给父组件传值
在这里插入图片描述
子组件给Vue实例传值
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值