vue重要概念（学习 vue 的必修课）

为什么会说只有掌握了概念才能在工作中更好的与他人沟通？

其一 你看在工作中你的上司给你的项目中需要说需要用到xx方法，应该xx做。如果你只会写代码的话，在与同事沟通的时候就会产生很大的阻碍，在谈啥啥不知道的时候你就会知道有多憋屈，明明… …

其二 只有掌握了基本概念才能吃透vue，才能走的更远

其三 面试需求

了解vue的基本概念

vue是目前前端开发中最流行一个 mvvm框架

vue是一套用于构建用户界面的 渐进式 的 自底层向上增量开发 的mvvm框架

• 渐进式：就是可以在原有项目上一两个功能使用vue，或者整个项目全部都使用vue，vue也不会做职责以外的事情
• 自底层向上增量开发：先把基础的页面写好，然后在一一添加各个功能，从简单到复杂的一个过程。有点像 JavaScript 的渐进增强

vue 优点

1. 轻量级
   vue核心代码它的体积是非常小的，这就是轻量级
2. 高效率
   vue 在对于我们进行数据展示的时候它的速度是非常快的，效率非常高
3. 上手快
   学习新知识点的过程，vue 上手难度要比你第一次使用 JavaScript 的时候要简单的多的多
4. 文档全面
   vue 官网教程对于vue的一些概念性的解释 vue 的使用都有一个非常非得全面的讲解

为什么vue这么火

1. vue给我们前段开发者带来了非常非常便利的数据绑定问题
2. vue可以让我们来开发大型单页面应用
3. 组件化 （就是把页面拆分成很多个小模块 在使用的时候把这些小模块进行拼装）
   形成一个大的页面（提高了复用性）

理解MVC MVVM MVP等思想

首先我们要了解一下框架

• 框架：就是封装了很多于业务无关的重复代码
• 框架的优势：使用框架可以大大的提升我们的开发效率
• 框架和库的区别：比如说我们在学习 vue 的时候，我们可以说 vue 是一个框架，但是到后面的时候我们会学习到vue 当中的一些小插件，那么我们可以理解为这是一个库文件

---

---

MVC
MVC我们可以理解为这是一个思想，在这个思想上面延申出来了框架

• M:模型（Model）就是数据
• V:视图（View）前端展示（用户可以看到的界面）
• C:控制器(Controller) 就是负责触发和接受数据的传递

为什么我们要学习mvc

• mvc是一个比较主流的设计思想 ， mvc的思想下 没有DOM操作 把数据独立出来，方便管理
• 我们也把业务逻辑，数据，界面展示独立出来了方便我们后续开发于测试

---

---

MVVM

• M:Model模型 数据
• V：View 视图 用户可以看见的界面
• VM：ViewModel 视图模型 就是视图和模型之前的桥梁，负责监听v或者m的修改 可以让我们更加关心业务不用对dom操作进行关心
  
  
• 我显示的内容是从 data 里面获取的数据，而data 的数据绑定在上头的 input 标签中，当我改变 input 的值的时候数据里面的值相应发生改变，又因为我下面的 p 标签绑定的是数据值，所以它也自动的发生改变

---

---

MVP

• M：model数据
• V：View视图
• P：Presenter表示器 负责M与V之前近的简介交互