初识Vue

最新推荐文章于 2024-10-10 17:24:25 发布

可曾听闻我大德玛西亚

最新推荐文章于 2024-10-10 17:24:25 发布

阅读量64

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq030128/article/details/129887967

版权

初识Vue：

1. 想让Vue 工作，必须创建一个Vue实例，并且要传入一个配置对象！

2.root容器里面的代码依然符合Html规范，只不过加入了一些特殊的Vue语法

3.root容器中的代码被称为[Vue模板]

4.一个Vue实例只能对应一个容器。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- <script src="https://unpkg.com/vue@next"></script> -->
		<script src="js\v2.6.10\vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 准备容器-->
		<div id="root">
			<h1>{{Name}}今年{{age}}</h1>
			
		</div>
		<script>
			//创建Vue实例
			const x = new Vue({
				el:'#root',
				data:{
					Name:'小明',
					age:'22'
				}
			}) 
		</script>
	</body>
</html>