<body>
<div id="app">
<button @click="doIt(f1,f2)">点击</button>
<input type="text" @keyup.enter="sayHi">
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.js"></script>
<script>
// 事件绑定方法可以写成 函数调用的形式 传入自定义参数
// 定义方法时 需要定义形参来接收传入的实参
// 事件后面跟上 .修饰符 可以对事件进行限制
// .enter 就是修饰符 用来限制触发的按键为回车键
// 修饰符不止只有 enter 一种 更多可以搜索页面 http://cn.vuejs.org/v2/api/#v-on
var app = new Vue({
el: "#app",
data: {
f1: "谢谢啦",
f2: "恭喜啊"
},
methods: {
doIt: function(f1, f2) {
console.log("祝你收入过万" + "___" + f1);
console.log(f2);
},
sayHi: function() {
alert('吃羊肉串嘛？');
}
}
})
</script>
</body>