Vue整理（自我理解）

Posted 2021-09-10 weixin_46041322

Vue是基于javascript开发的mvvm库，是一套构建用户界面的渐进式框架，以数据驱动和组件化思想构建的，采用自底向上增量开发的设计

1.Vue的核心功能强调的是状态（state）到界面（view）的映射，Vue像一个视图模板引擎

2.渐进式：vue的使用方式（vue的设计理念）

在声明式渲染（视图模板引擎）的基础上，我们需要某项功能，就可以通过添加相应的组件、路由等来一步一步构建一个完整的框架；这些组件功能相互独立，可以在核心功能的基础上任意选用其他的部件，不一定要全部整合在一起，这就是渐进式的意思

3.数据驱动：就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。那么vuejs是如何实现这种数据驱动的呢？==>mvvm

4.MVVM

Vue在设计上使用mvvm构架模式

MVVM模式拆分为

视图（view）前端的dom

数据（model）前端的JavaScript，

逻辑控制（viewmodel）连接视图与数据的中间键

viewmodel是mvvm模式的核心，viewmodel是view与model的桥梁，view与model通过viewmodel进行通信

当数据发生变化，ViewModel能够监听到数据的这种变化，然后通知到对应的视图做自动更新，而当用户操作视图，ViewModel也能监听到视图的变化，然后通知数据做改动，这就实现了数据的双向绑定（数据驱动）。

5.Vue.js 另一个核心思想是组件化。

所谓组件化，就是把页面拆分成多个组件 (component)，每个组件依赖的 CSS、JavaScript、模板、图片等资源放在一起开发和维护。组件是独立的，组件在系统内部可复用，组件和组件之间可以嵌套