<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>事件处理</title>
<style>
.style1{
width: 100px;
height: 100px;
background-color: antiquewhite;
}
.style2{
width: 100px;
height: 100px;
background-color: #FF0000;
}
</style>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
</head>
<body>
<div id="app">
<!--事件绑定: v-on:事件名称 或者 @事件名称 -->
<div>
<button type="button" @click="count++">{
{count}}</button>
</div>
<div>
<button type="button" @click="fun()">调用无参方法</button>
</div>
<div>
<button type="button" @click="fun2(10)">调用有参方法</button>
</div>
vue04--事件处理
本文详细探讨了Vue.js中的事件处理机制,包括事件绑定、事件修饰符、自定义事件以及组件间通信的方式,帮助开发者更好地理解和运用Vue.js进行交互设计。
摘要由CSDN通过智能技术生成