Vue基础(六)

最新推荐文章于 2024-04-02 20:11:38 发布

夜刀神十三香

最新推荐文章于 2024-04-02 20:11:38 发布

阅读量116

点赞数 1

分类专栏：记录笔记学习笔记简单实例文章标签： vue

本文链接：https://blog.csdn.net/qq_44990139/article/details/95629480

版权

笔记同时被 3 个专栏收录

65 篇文章 0 订阅

订阅专栏

学习笔记

65 篇文章 0 订阅

订阅专栏

记录

64 篇文章 0 订阅

订阅专栏

事件

事件:
修饰符
.stop : 阻止事件冒泡
.prevent : 阻止默认操作
.once : 只执行一次
keyup
keydown
.keycode == 13,65
.ctrl
.alt
.shift
.esc
.tab
.enter
.delete

<body>
        <div id="app">
                单击次数:{{count}}
                <button @click="count++">单击加一</button>
                <button @click="count--">单击减一</button>
                年龄:{{arr[0]}}
                <button @click="arrAdd">单击加一</button>
                <button @click="arrRem">单击减一</button>
                <!--冒泡事件 -->
                <div @click="showl">
                    <div @click="showl">
                        <div @click="showl">
                            <button @click="showl">123</button>
                        </div>
                    </div>
                </div>
            </div>
            <script>
            let app=new Vue({
                el:"#app",
                data:{
                    count:0,
                    arr:[55]
                },
                methods: {
                    arrAdd:function(){
                        this.$set(this.arr,0,this.arr[0]+1)
                    },
                    arrRem:function(){
                        this.$set(this.arr,0,this.arr[0]-1)
                    },
                    showl:function(){
                        alert("*--*-*-*-")
                    }
                },
        
            })

            </script>
</body>