vue.js前期准备

最新推荐文章于 2024-06-04 23:36:56 发布

-Y、

最新推荐文章于 2024-06-04 23:36:56 发布

阅读量104

点赞数

分类专栏： VUE 文章标签： vue

本文链接：https://blog.csdn.net/weixin_44776706/article/details/105437853

版权

VUE 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

==================================================================
1.开发用开发版本
2.发布用生产版本

在这里插入图片描述

==================================================================

计数器：
看注释说明：

<body>
        <div id="div1">
            <h2>计数显示：{{counter}}</h2>
            <button @click='add'>+</button>//@是v-on的语法糖（简写）
            <button v-on:click='sub'>-</button>//v-on用于监听元素事件
        </div>

        <script src="js/vue.js"></script>
        <script>
            let app=new Vue({//创建对象 let装变量，const装常量
                el: '#div1',//获取id
                data: {
                   counter:0
                },
                methods:{//用来装方法
                    add:function(){
                        console.log('add被执行');
                        this.counter++//要用this
                    },
                    sub:function(){
                        console.log('sub被执行');
                        this.counter--
                    }

                }
            })
        </script>
</body>