Vue的概念(*程序员卷土重来的第一天**)

程序员卷土重来的第一天

大家好,我还是哪个小白。今天前来分享下对Vue概念基础知识。大神勿喷!

一:对vue的理解

1.企业为了提高开发效率,所以有了Vue;

2.Vue是目前比较火、比较流行的框架;

3.Vue、Angular和react并称为前端三大主流框架;	

4.Vue是一套用于构建用户界面的渐进式框架,可以自底向上逐层应用;

5.Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以		  及各种支持类库结合使用时,vue也完全能够为复杂的单页应用提供驱动。

二:Vue的特点:易用、灵活、高效

三: Vue的优点:

1.体积小

2.更高的运行效率
(基于虚拟DOM,一种可以预先通过JavaScript进行各种计算,把最终的Dom操作计算出来并优化的技术,由于这个dom操作属于预处理操作,并没有真实的操作dom,所以叫做虚拟DOM)

3.双向数据绑定
让开发者不用再去操作DOM对象,把更多的精力投入到业务逻辑中

4.生态丰富、学习成本低
市场上拥有大量成熟的、稳定的基于vue的常用组件拿来实现快速开发

5.使用场景广泛
被广泛应用于web前端、移动端、跨平台应用开发

四:对MVVM的理解

1. MVVM是双向数据绑定,vue本身实现了视图和数据的相互监听影响

2.【MVC是单向数据绑定,数据更改可以重新渲染视图,但是视图更改数据不会更改(C指 controller  控制器)】

3.M:是model,即数据层(存储数据、data)

4.V:是view,即视图层(展示数据、Vue的实例)

5.vm:是视图模型 viewModel 数据和视图的监听层或调度者 (当数据或者视图发生改变时,vm会监听到,同时会把相应的另外一层跟着改变或者重新渲染)viewModel 是一种创新。

6.数据层改变:vm会帮我们重新渲染视图

7.视图层改变:vm会帮我们把数据重新改变

五:MVVM框架的三大要素

1.响应式 : Vue如何监听到data数据中每个属性的变化
2.模板引擎:Vue的模板是如何被解析的,指令是如何处理
3渲染:模板是如何渲染成html,过程是如何实现的

*Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统:
	<div id="app">
	  {{ message }}
	</div>
	var app = new Vue({
	  el: '#app',
	  data: {
	    message: 'Hello Vue!'
	  }
	})*

版权声明:本文为weixin_45895314原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。