新玩家Vue笔记01

提示：该文章为笔者的个人笔记并不是权威，如有错误，谢谢指出。

初识Vue

---

Vue.js是什么

Vue官网对于做出了说明，Vue是一套用于构建用户界面的渐进式框架。与其他框架不同的是，Vue被设计为可以自底向上逐层应用。简单来说，Vue框架易于上手，且便于与第三方框架或者既有项目整合。

---

Vue基础语法

// 创建一个容器
<div id="#root">
	<h3>hello,{{name}}</h3>
</div>

<script>
	// 创建Vue实例
	const vm = new Vue({
		// el用于指定当前Vue实例为哪个容器服务
		el: '#root',
		// data用于存储数据，提供给el指定的容器使用
		data: {
			name: '小爱同学'
		}
	})
</script>

此为输出结果

总结

（1）想让Vue工作首先应先创建一个容器与一个Vue实例。
（2）root容器内使用的语句依旧符合html规范。
（3）Vue容器与Vue实例一一对应，开发中一般只有一个Vue实例，并且配合组件使用。
（4）{{xxx}}中应使用js表达式，且xxx可以读取data中的所有属性。
（5）一旦data中的属性发生改变，页面中的用到属性的地方也会随之改变。