Vue修饰符（事件修饰符、按键修饰符...）

最新推荐文章于 2022-11-25 19:19:16 发布

前端薛之谦...

最新推荐文章于 2022-11-25 19:19:16 发布

阅读量489

点赞数 1

分类专栏： vue 文章标签： vue修饰符按键修饰符 $event 事件修饰符

本文链接：https://blog.csdn.net/weixin_41105030/article/details/87784689

版权

本文详细介绍了Vue中的事件修饰符，包括.stop用于阻止事件冒泡，.self防止事件冒泡但允许事件在当前元素上触发，.passive提升移动端性能，以及键盘修饰符如.enter和自定义按键修饰符的使用。还讲解了$event对象以及系统修饰符和鼠标修饰符的应用。

摘要由CSDN通过智能技术生成

基本页面

修饰符
修饰符是由点开头的指令后缀来表示的
下载vue.js并引入
初始化vue实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>修饰符</title>
	<script src="vue.min.js"></script>
</head>
<body>
	<div id="app">
	</div>
</body>
<script>
	Vue.config.keyCodes.f2 = 113
	var vm = new Vue({
    
		el:'#app',
		data:{
    

		},
		methods:<