<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>