Vue基础(六)

2019-07-13 19:04:54 作者：互联网

事件

事件:
修饰符
.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>

标签：function,arr,Vue,单击,app,基础,减一,set
来源： https://blog.csdn.net/qq_44990139/article/details/95629480