vue从入门到放弃——（1）vue的概念

Vue

作者：尤雨溪

Vue简单的来说就是一套用于构建用户界面的mvvm框架

他的核心可以理解为用于构建用户界面 渐进式的, 自底向上增量开发MVVM框架

渐进式

每个框架都会有自己的一些特点，会对开发者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式。

可以在原有大系统的上面，把一两个组件改用vue实现，也可以整个用vue全家桶开发不会做职责之外的事

自底向上增量开发

先写一个基础的页面，把基础的东西写好，再逐一去添加功能和效果，由简单到繁琐的这么一个过程。

Vue的目的

Vue.js的产生核心是为了解决如下三个问题

1.解决数据绑定问题。

2.Vue.js主要的目的是为了开发大型单页面应用。（单页面后面会详细讲）

3.支持组件化，也就是可以把页面封装成为若干个组件，把组件进行拼装，这样是让页面的复用性达到最高。

vue.js的核心思想

数据驱动和组件化。

Vue数据驱动

通过控制数据的变化来显示vue的数据驱动是视图的内容随着数据的改变而改变

Vue的优点

1.轻量级

2.高效率

3.上手快

4.简单易学

5.文档全面而简洁

简洁：HTML 模板 + Vue 实例 + JSON 数据

轻量：17kb，性能好

设计思想：视图与数据分离，无需操作DOM

社区：大量的中文资料和开源案例

什么是框架

封装与业务无关的重复代码，形成框架

框架的优势

使用框架提升开发效率（虽然使用框架要遵循框架的语法但是使用框架可以大大提高对于业务逻辑的操作）

1.重用代码大大增加，软件生产效率和质量也得到了提高；

2.代码结构的规范化，降低程序员之间沟通以及日后维护的成本；

3.允许采用快速原型技术； 有利于在一个项目内多人协同工作；

4.大力度的重用使得平均开发费用降低，开发速度加快，开发人员减少，维护费用降低，而参数化框架使得适 应性、灵活性增强。

MVC

model 模型 == 数据

view 视图层 == 用户可以看见的地方，可视区域

controller 控制器 == 逻辑

为什么要使用mvc

1.MVC 是一种专注业务逻辑，而非显示的设计思想

2.MVC 中没有DOM操作

3.将数据独立出来，方便管理

4.业务逻辑、数据、界面显示分离的方法组织代码，将业务逻辑聚集到一个部件里面，在改进和个性化定制界

面及用户交互的同时，不需要重新编写业务逻辑。

MVP

model 模型 == 数据

view 视图层 == 用户可以看见的地方，可视区域

presenter == 逻辑

MVVP思想

就是当M层数据进行修改时，VM层会监测到变化，并且通知V层进行相应的修改，反之相同

mvp与mvc的区别

在mvp中view并不直接使用model它们之间的通信是通过presenter来进行的，mvc可以在view中直接使用model的数据（有点像ejs）

MVVM

model 模型 == 数据

view 视图层 == 用户可以看见的地方，可视区域

ViewModel v与m连接的桥梁，监听两者之间的变化