Skip to content

Vue.js 是什么

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架. 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用. Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合. 另一方面,当与 现代化的工具链 以及各种 支持类库 结合使用时,Vue 也完全能够为复杂的单页应用提供驱动

文档

vue.js 2.x

vue.js 3.x

MVC & MVVM & 响应式 & 双向数据绑定

  • MVVM 的概念是从后端的 MVC 的概念演化而来
  • MVC: M(model)-V(view)-C(controller) 典型的指令式编程
  • MVVM: M(model)-V(view)-VM(ViewModel) 响应式编程, 数据改变会自动修改视图, 视图数据修改 model 中的数据也会自动修改(也就是双向绑定)

mvvm.png

注: Vue.js 并没有完全遵守 MVVM 模型,只能说非常相似(官方文档)

渐进式框架

所谓的渐进式就是一开始不需要理解很多的概念, 可以快速上手, 而且有中文文档, 当你需要对应功能的时候可以去官网找到想要的库, 然后学习 比如 vue-router vuex 等...

组件化

所谓组件化就是把图形,非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式,在 Vue 中每一个.vue 文件都可以视为一个组件

components.png

组件化的优势:

  1. 降低耦合
  2. 利于维护&调试
  3. 高度复用

Released under the MIT License.