一、概念

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>

Logo

前往低代码交流专区

更多推荐