1.如果需要传参,在页面中传的是实参,在methods中写的是形参 打印的是实参
2.如果在页面中没有写实参但是有括号,在methods中写了形参,会打印undefined
3.如果在页面中没有写实参也没有括号,在methods中写了形参,会打印event事件
4.如果想同时传事件和参数,就要传两个参数,第一个写$event,第二个是参数
5.如果只传事件,那么在页面中可以完全不写括号 打印的也是event事件
代码如下:
<div id="app">
<button @click="btnClick1('123')">按钮1</button>
<button @click="btnClick1()">按钮2</button>
<button @click="btnClick1">按钮3</button>
<button @click="btnClick2($event,'333')">按钮4</button>
<button @click="btnClick3($event)">按钮5</button>
</div>
<script src="vue.js"></script>
<script type="text/javascript">
const app = new Vue({
el:"#app",
methods:{
btnClick1(value){
console.log(value);
},
btnClick2(e,value){
console.log(e);
console.log(value);
},
btnClick3(e){
console.log(e);
}
}
})