@click 在 Vue.js 中用于监听元素上的点击事件，当元素被点击时，它会触发与指令相关联的方法或表达式。使用方法：在 HTML 元素的属性中添加 @click，后面跟上方法或表达式。附加选项包括：.prevent（阻止默认行为）、.capture（在捕获阶段监听）、.self（只监听目标元素的事件）。
@click 在 Vue 中的作用
在 Vue.js 中，@click 是一个指令，用于监听元素上的点击事件。当用户点击带有 @click 指令的元素时，它将触发与指令相关联的方法或表达式。
如何使用 @click
要使用 @click，只需将它添加到 HTML 元素的属性中，后面跟上要执行的方法或表达式。例如：
立即学习“前端免费学习笔记（深入）”；
增加计数器示例
以下是一个使用 @click 指令的示例：
思乐微信商城微分销系统
下载
思乐微信商城微分销系统是以.net+access/mssql进行开发的微信分销系统。基于微信朋友圈的传播，是打造以分销商为中心的全新微信分销体验。让粉丝实时有效的获取朋友圈流量并快速分享购买分佣。因为是基于微信，所以要在微信上体验才更好。关注我们的微信核心功能：1、自动提示用户关注微信，解决一般程序无关注微信公众号的过程2、只要通过链接进一次，不过好久注册，什么方面注册，只要是用微信注册的，都会算
import { ref } from 'vue'
const count = ref(0)
export default {
methods: {
handleClick() {
alert('你点击了我！')
},
incrementCounter() {
count.value++
},
},
}
增加计数器：{{ count }}
当用户点击 "点击我" 按钮时，它将调用 handleClick() 方法。当用户点击 "增加计数器" 文本时，它将调用 incrementCounter() 方法并增加 count 的值。
附加选项
@click 指令还支持一些附加选项：
- .prevent：防止点击事件的默认行为。
- .capture：在捕获阶段监听事件（即在事件传播到目标元素之前）。
- .self：只监听目标元素本身的事件（不包括子元素）。
例如：
这将防止 handleClick() 方法在点击事件发生时执行浏览器默认行为（例如，提交表单）。
