vue-exercise-10-v-on.htm

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script>

    <script type="text/javascript">
        window.onload = function(){
            var vm = new Vue({
                el:'#box',
                methods:{
                    show:function(){
                        alert('这是点击事件！');
                    },
                    show2:function(){
                        alert('这是点击事件2222！');
                    },
                    //ie11不兼容
                    show3(){
                        alert('这是点击事件333！');
                    }
                }
            });
        }
    </script>
</head>
<body>
    <div id="box">
        <input type="button" value="按钮" v-on:click="show()">
        <div  v-on:click="show2()">abc</div>
        <div  @click="show2()">button</div>
        <div  @click="show3()">button</div>
    </div>
</body>
</html>