# vue 简介
# vue 的特性
vue 框架的特性，主要体现在如下两方面 :
- 数据驱动视图
- 双向数据绑定
# 数据驱动视图
在使用了 vue 的页面中，vue 会监听数据的变化，从而从新渲染页面的结构.
- 好处：当页面数据发生变化时，页面会自动重新渲染
- ** 注意 : ** 数据驱动视图是单项的数据绑定
# 双向数据绑定
在填写表单时，双向数据绑定可以辅助开发者在不操作 DOM 的前提下，自动把用户填写的内容同步到数据源中.
- 好处：开发者不需要手动操作 DOM 元素，来获取表单元素最新的值
# MVVM
MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理. MVVM 指的是 Model, View, ViewModel, 它把每个 HTML 页面都拆分成了这三个部分
在 MVVM 概念中 :
- Model 表示当前页面渲染时所依赖的数据源
- View 表示当前页面所渲染的 DOM 结构
- ViewModel 表示 vue 的实例，它是 MVVM 的核心
ViewModel 作为 MVVM 的核心，是它把当前页面的数据源 (Model) 和页面的结构 (View) 连接在一起
- 当数据源发生变化时，会被 ViewModel 监听到，VM 会根据最新的数据源自动更新页面的结构
- 当表单元素的值发生变化时，也会被 VM 监听到，VM 会把变化过后最新的值自动同步到 Model 数据源中
