//index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script> </head> <body> <div id="vue-app"> <label>姓名：</label> <input type="text" @keyup="logname"> <br/> <label>年龄：</label> <input type="text" @keyup.enter="logyear"> <br/> <label>性别：</label> <input type="text" @keyup.alt.enter="logsex"> </div> <script src="app.js"></script> </body>
//app.js
new Vue({
el:"#vue-app",
data:
{
},
methods:
{
logname:function()
{
console.log("你正在输入名字");
},
logyear:function()
{
console.log("你正在输入年龄");
},
logsex:function()
{
console.log("你正在输入性别");
}
}
});
第一个例子：只要按下键盘，控制台就会显示，你正在输入名字
第二个例子：只有当按下回车，控制台才会显示，你正在输入年龄
第三个例子：只有同时按下alt+enter，控制台才会显示，你正在输入性别
这样的方法还有很多
PS：dreamweaver控制器如果显示乱码，通过修改->页面属性->utf-8
即可成功