Vue（五）点击事件

原创已于 2022-05-25 22:59:19 修改 · 209 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #elementui #javascript

于 2022-05-17 16:07:21 首次发布

vue 专栏收录该内容

101 篇文章

订阅专栏

本文介绍了如何在Vue应用中使用click事件和data绑定实现点击按钮后消息计数自增。通过实例演示了如何使用`methods`对象的`multi`函数更新`message`数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--Vue安装-->
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
    <div @click="multi()">确认{{message}}</div>
</div>
</body>
<script>
    new Vue({
        el: "#app",
        data: {
            message: 1
        },
        //这里是methods不是method
        methods: {
            multi: function () {
                this.message = this.message + 1
            }
        }
    })
</script>
</html>