JAVA全系列 教程
3762个小节阅读:7093.3k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
我们可以使用 v-on
指令 (通常缩写为 @
符号) 来监听 DOM 事件,并在触发事件时执行一些 JavaScript。用法为 v-on:click="methodName"
或使用快捷方式 @click="methodName"
xxxxxxxxxx
<button @click="counter += 1">Add 1</button>
xxxxxxxxxx
data() {
return {
counter: 0
}
}
然而许多事件处理逻辑会更为复杂,所以直接把 JavaScript 代码写在 v-on
指令中是不可行的。因此 v-on
还可以接收一个需要调用的方法名称。
xxxxxxxxxx
<button @click="greet">Greet</button>
xxxxxxxxxx
methods: {
greet(event) {
// `event` 是原生 DOM event
if (event) {
alert(event.target.tagName)
}
}
}
这是官方的翻译称呼,其实我们可以直接叫他 "事件传递参数"
xxxxxxxxxx
<button @click="say('hi')">Say hi</button>
<button @click="say('what')">Say what</button>
xxxxxxxxxx
methods: {
say(message) {
alert(message)
}
}