在 Vue.js 中,你可以使用 `v-on` 指令(或者简写为 `@`)来监听 DOM 事件,如点击事件。然后,你可以在这些事件的处理函数中更新 Vue 实例的数据,从而触发视图的更新。 以下是一个简单的 Vue 组件示例,它包含一个数字和一个加号、减号按钮。点击加号时数字加1,点击减号时数字减1。 ```vue ``` 在这个例子中,`data` 函数返回一个对象,该对象包含 Vue 实例的初始数据(在这个例子中是 `count`)。`methods` 对象包含了在 Vue 实例上定义的方法(在这个例子中是 `increment` 和 `decrement`)。当点击按钮时,会触发相应的方法,从而更新 `count` 的值。由于 Vue 是响应式的,当 `count` 的值改变时,视图会自动更新。 另外,我在 `decrement` 方法中添加了一个条件判断,以防止 `count` 变为负数。如果你希望允许 `count` 变为负数,你可以移除这个条件判断。

点赞(0)
×
关注公众号,登录后继续创作
或点击进入高级版AI
扫码关注后未收到验证码,回复【登录】二字获取验证码
发表
评论
返回
顶部