2024.1.5 使用vue编写hello world

发布时间:2024年01月10日

2024.1.5 使用vue编写hello world

一个最简单的vue程序,现在已经是vue3.0时代,仅做留念
附件是vue2.0.js文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>vue2</title>
	<script type="text/javascript" src="vue2.js"></script>
</head>
<body>
	<div id="app">
		<input type="text" v-model="message" name="">
		{{message}}
	</div>

</body>
<script>
	new Vue ({
		el:"#app",
		data:{
			message:"hello world"
		}
	})
</script>
</html>

在这里插入图片描述
在这里插入图片描述

文章来源:https://blog.csdn.net/leigh_chen/article/details/135492904
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。