# Vue 入门简介
Vue.js 是一个渐进式的 javascript 框架(构建用户界面的前端框架)
可以自底层向上逐层应用:
简单应用:引入轻量的插件库
复杂应用引入复杂的插件库
# 特点
# 1. 采用组件化模式提高代码复用率,让代码更好维护
# 2. 声明式编码无需操作 DOM,提高开发效率
告别传统需要反复操作 DOM 的弊端
# 3. 使用虚拟 DOM+DIFF 算法,尽量复用 DOM 节点
- ** 数据驱动视图:**Vue 监听数据变化,从而重新渲染页面结构 (单项数据绑定)
- 双向数据绑定:在网页中 form 表单负责采集数据,ajax 负责提交数据,用户不需要操作 dom 就可以获取元素的最新的数据。
js 数据的变化会自动渲染到页面上,页面上的表单采集的数据发生变化时会被 Vue 自动获取到,并更新到 js 数据中
# MVVM
- model 表示当前页面渲染时所依赖的数据源
- view 表示当前页面所渲染的 DOM 结构
- ViewModel 表示 Vue 的实例,是 MVVM 的核心
表单元素发生改变时,会被 DOMlisteners 监听到,数据源发生改变时会被 databindings 监听到