vue事件

vuejs可以使用v-on:监听Dom事件，并触发执行一些JavaScript代码。

监听DOM事件：

<div id="app">
        <button v-on:click="click">点击事件</button>
    </div>
    <script>
        let vm = new Vue({
            el: "#app",
            data: {               
            },
            methods:{
                click:function(){
                    console.log("触发事件")
                }
            }
        })
    </script>

执行代码：

<div id="app">
        <button v-on:click=" count = count * 2 ">数值乘二</button>
        <span>数值为:{{count}}</span>
    </div>
    <script>
        let vm = new Vue({
            el: "#app",
            data: {  
            count:1
            }
        })
    </script>

同时，v-on:可以简写为@，方便使用。