vue框架:v-on指令属性的基本使用
使用v-on指令触发事件
1.v-on的基本使用
v-on:click="fun1"的形式来绑定事件
相当于原生js中的onclick
v-on: -> @
< input type="button" value="点击1" onclick="fun1()">
< input type="button" value="点击2" v-on:click="fun2">
< input type="button" value="点击3" @click="fun3">
//methods:表示vuejs中对于绑定事件函数的定义,可以同时定义多个函数,多个函数之间使用逗号来进行分隔
点击查看演示
1.v-on的基本使用
v-on:click="fun1"的形式来绑定事件
相当于原生js中的onclick
v-on: -> @
< input type="button" value="点击1" onclick="fun1()">
< input type="button" value="点击2" v-on:click="fun2">
< input type="button" value="点击3" @click="fun3">
//methods:表示vuejs中对于绑定事件函数的定义,可以同时定义多个函数,多个函数之间使用逗号来进行分隔
点击查看演示