什么是 Vue

Vue 是一套用于构建用户界面的前端框架

• 框架
  • 框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能
  • 要学习 vue，就是在学习 vue 框架中规定的用法
  • vue 的指令、组件（是对 UI 结构的复用）、路由、Vuex、vue 组件库

Vue 的特性

数据驱动视图

在使用了 Vue 的页面中，Vue 会监听数据的变化，从而自动重新渲染页面的结构

数据驱动视图是单向的数据绑定

双向数据绑定

在填写表单时，双向数据绑定可以辅助开发者在不操作DOM 的前提下，自动把用户填写的内容同步到数据源中

开发者不再需要手动操作 DOM 元素，来获取表单元素最新的值

• JS 数据的变化，会被自动渲染到页面上
• 页面上表单采集的数据发生变化的时候，会被 Vue 自动获取到，并更新到 JS 数据中

MVVM

MVVM 是 Vue 实现数据驱动视图和双向数据绑定的核心原理。MVVM 指的是 Model，View 和 ViewModel， 它把每个 HTML 页面都拆分成了这三个部分

• ViewModel 作为MVVM 的核心，是它把当前页面的数据源（Model）和页面的结构（View）连接在了一起。
• 当数据源发生变化时，会被 ViewModel 监听到，VM 会根据最新的数据源自动更新页面的结构