<button v-on:click="open1">1</button>
<button @click="open2">2</button>
<button @click="open3($event,66)">3</button>
<script>
new Vue({
el:"#root",
methods:{
open1(){
console.log("v-on");
},
open2(){
console.log("@");
},
open3(event,num){
console.log(this); //vue对象
console.log(event); //$event(vue中的标识符)就是这个按钮2
console.log(num);
}
}
})
</script>
相关文章
- Vue2-指令语法-v-on
- Vue.js 源码分析(十六) 指令篇 v-on指令详解
- vue 指令语法总结
- JavaWeb从0开始学(二)-----JSP基本语法与编译指令
- Vue.js 指令详解:v-bind, v-html, v-once, v-on, v-if, v-else-if, v-else 和 v-model
- Vue.js常用指令:v-on
- C语言基本语法——预处理器和预处理指令
- vue:标签属性绑定Vue实例【ref,reactive,内置指令v-bind,v-on】,预定义变量、方法【$methods,$computed】
- angular2.0学习笔记4.npm常用指令记录及angular语法
- 后端前行Vue之路(二):模版语法之插值与指令-3.指令语法