V-on的基本使用

原创于 2022-05-25 10:36:18 发布 · 98 阅读

CC 4.0 BY-SA版权

文章标签：

   <div id="app">
        <h2>{{count}}</h2>
        <button type="button" @click="add()">+</button>
        <button type="button" @click="sub()">-</button>
    </div>
    <script src="vue.js"></script>
    <script>
        const app = new Vue({
            el: "#app",
            data() {
                return {
                    count: 0
                }
            },
            methods: {
                add() {
                    this.count++
                },
                sub() {
                    this.count--
                }

            },

            computed: { //计算属性

            },
            watch: { //侦听器 监听


            }
        })
    </script>