Vue概述及特点

一、概念

Vue是一个构建用户界面的渐进式的Javastrap框架。

1.框架（framework）：是一个框子——指其约束性，也是一个架子——指其支撑性。是一个基本概念上的结构，用于去解决或者处理复杂的问题。提高开发效率，一些繁琐的代码不需要我们每次都编写。

2.JavaScript：Vue的底层是由Javastrap实现的。

3.渐进式：传统的项目是多页面的，用超链接等方法实现多个页面之间的跳转，而Vue项目是单页面的，需要哪一个页面就加载哪一个，不需要就销毁，与传统模式相比，提高了性能。

传统的方式是多页面的，执行流程参考下图：

而Vue项目是单页面的，执行流程参考下图：

二：Vue特点

1.采用组件化模式，提高代码复用率、且让代码更好维护。

2.声明式编码，让编码人员无需直接操作DOM，提高开发效率。

传统的命令式编码：

<script>		
       //0.准备html字符串
		let htmlStr=''
		//1.遍历数据拼接html字符串
		persons.forEach(p=>{
			htmlStr+=`<li>${p.id}-${p.name}-${p.age}</li>`
		});
		//2.获取list元素
		let list=document.getElementById('list');
		//3.修改内容（亲自操作DOM）
		list.innerHTML=htmlStr;
</script>

Vue声明式编码：

<div id="container">
    <h2>{{name}}</h2>
    <h2>{{message}}</h2>
</div>