index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<!--vue-app是根容器-->
<div id="vue-app">
<h1>键盘 Events </h1>
<label >姓名：</label>
<input type="text" v-on:keyup.enter="logName">
<label >年龄：</label>
<input type="text" v-on:keyup.enter="logAge">
</div>
<script src="app.js"></script>
</body>
</html>
app.js
//实例化VUE对象
new Vue({
el:"#vue-app",
//仅限于在vue-app容器下
data:{
},
methods:{
logName:function(){
console.log("在此输入你的名字！");
},
logAge:function(){
console.log("在此输入你的年龄！");
}
}
});
8629
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
