提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

第一个VUE代码

Vue代码 第一个
2023-09-27 14:22:47 时间

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="huyiwei">
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<title>第一个VUE代码</title>
	</head>
	<body>
		<div id="app">
			{{message}}
		</div>
		<script>
			var app = new Vue({
				el:"#app",
				data:{
					message:"Hello Vue!"
				}
			})
		</script>
	</body>
</html>

样式效果

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

相关文章