初识 Vue 引入CDN

最新推荐文章于 2023-09-11 10:17:03 发布

IT_small bird

最新推荐文章于 2023-09-11 10:17:03 发布

阅读量458

点赞数

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/ITdreamly/article/details/107915258

版权

vue 系列专栏收录该内容

1 篇文章

订阅专栏

Vue 引入CDN

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Vue.js</title>
</head>
<body>
	<div id="app"> 
		<h1>{{name}}</h1>
	</div>
</body>
	<!-- 开发环境版本，包含了有帮助的命令行警告 -->
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

	<script type="text/javascript">
	    // 实例化vue对象
		new Vue({
			el: "#app", // el: 代表element 需要获取的元素。一定是html中的根容器。
			data: {              // data: 用于存储数据
				name: "你好，Vue!"
			}
		})
	</script>
</html>