程序员卷土重来的第一天
大家好,我还是哪个小白。今天前来分享下对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!'
}
})*