<!--事件的基本使用:1. 使用 v-on:xxx 或 @xxx 绑定事件,其中 xxx 是事件名2. 事件的回调需要配置在 methods 对象中,最终会在 vm 上3. methods 中配置的函数,不要用箭头函数!否则 this 就不是 vm 了4. methods 中配置的函数,都是被 Vue 所管理的函数,this 的指向是 vm 或 组件实例对象5. @click="demo" 和 @click="demo($event)" 效果一致,但后者可以传参
-->
<div id="root"><p><button v-on:click="showInfo">按钮</button><button v-on:click="showInfo2($event, 1000)">按钮</button></p>
</div>
<script src="../js/vue.js"></script>
<script>Vue.config.productionTip = false;const vm = new Vue({el: '#root',data: {name: 'mary',age: 18},methods: {showInfo(event) {console.log(event.target.innerText);},showInfo2(event, a) {console.log(event, a); // a:1000}}});
</script>