[TOC] # 绑定事件 使用 v-on指令绑定事件 >格式： v-on：事件名=“响应事件的函数” ***** **注意** >v-on:可以省略为@ <br> ### 选项卡例子（tab栏） ``` <div id="app1"> <!-- 给button绑定点击事件 --> <!-- v-on:可省略为@ --> <button v-on:click = "handleClick(1)">选项1</button> <button @click = "handleClick(2)">选项2</button> <button @click = "handleClick(3)">选项3</button> <p v-show = "num ==1">选项1内容</p> <p v-show = "num == 2">选项2内容</p> <p v-show = "num == 3">选项3内容</p> </div> <script> new Vue({ el:'#app1',//定义范围 data:{//定义变量 num :1//定义个变量，给点击事件做判断，同时显示相应的内容 }, methods:{//定义方法 handleClick:function(num1){//形参 // this指的是vue实例化的对象 this.num = num1; } } }) </script> ```