vue-例4-1监听事件.html

最新推荐文章于 2024-07-02 14:49:53 发布

原创最新推荐文章于 2024-07-02 14:49:53 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

Vue 专栏收录该内容

661 篇文章

订阅专栏

这是一个使用Vue.js框架的示例，展示了如何在HTML按钮点击事件中更新数据。点击按钮时，count变量会添加字符串学习课堂，并在页面上动态显示更新后的值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>监听事件</title>
</head>
<body>
    <div id="app">
        <button v-on:click="count = count + '学习课堂'">添加</button>
        <p>{{count}}</p>
    </div>

    <script src="../js/vue.js"></script>

    <script>
        let vm = new Vue({
            el:'#app',
            data:{
                count:'虾米大王'
            }
        })
    </script>
</body>
</html>