Vue学习（四）

最新推荐文章于 2024-05-30 13:09:09 发布

Siyucat

最新推荐文章于 2024-05-30 13:09:09 发布

阅读量102

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_42475953/article/details/80924391

版权

vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Vue.js</title>
    <script src="https://unpkg.com/vue@2.5.16/dist/vue.js"></script>
	<link rel="stylesheet"  href="style.css">
</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

new Vue({
     el:"#vue-app",
     data:{
       
     },
     methods:{
     	logName:function() {
     		console.log("你正在输入名字！");
     	},
     	logAge:function() {
     		console.log("你正在输入年龄！");
     	}
     	
     }
	});