Vue基础-框架介绍

在学VUe前先了解类库和框架

区分框架和类库等

1. 类库

类库提供的是真实项目中常用到的方法，它是一个工具包，基于这个工具包可以快速开发项目，列如：jQuery、Zepto、underscore...

2. 插件

插件是把项目中某一个具体的功能进行封装，列如：TAB选项卡插件、BANNER轮播图插件、DIALOG模态框插件、DRAG拖拽插件

3. UI组件

UI组件库一般是多个插件的集合体，不仅提供了JS对应的功能，而且把结构、样式等也都实现了,列如：bootstrap、swiper、mui、妹子UI...

4. 框架

框架是类库和组件的综合体，里面提供了大量供我们操作的方法，也有相应的UI组件库供我们快速开发；框架是具备独立编程思想的，例如：vue是MVVM思想，让我们告别传统的DOM操作，按照视图和数据的相互渲染来完成项目开发会比我们之前基于原生操作更简单，性能更好；JS框架有：现在很火的vue(MVVM)、react(MVC)；APP框架：uni-app、react native、flutter、angular（ng）

VUE中的是渐进是框架、MVVM框架

渐进式框架

渐进式：类库或者框架都是重量级的，里面包含很多方法，在实际开发我们有可能不是全部用到，所以在框架开发时，把功能按照模块进行单独开发，使用者可根据需求导入对应的模块使用

• Vue全家桶：
  • vue：基础模块（基础语法、核心实现、组件开发、相关指令等）
  • vue-router：构建SPA单页面应用的路由
  • vuex：公共状态管理
  • vue-cli：vue脚手架
  • components：vue element、iview、vux...

MVVM/MVC框架

MVVM是双向数据绑定的：VUE本身实现了数据和视图的相互监听影响

MVC是单向数据绑定，数据更改可以渲染视图，但视图更改，对应的数据没有更改，需要自己在控制层基于change事件实现数据的更改（REACT）

• m：mode 数据层
• v：view 视图层
• vm：viewModel 数据和视图的监听层，当数据或者视图发生改变，VM层会监听到，同时把对应的另外一层改变或者重新渲染(Vue就是VM监听层)
  • 数据层改变：vm会帮我们重新渲染视图
  • 视图层改变：vm也会帮我们把数据重新更改

最后

• 如果有什么不对的地方，欢迎指出交流
• 师承——珠峰培训：周啸天