目录
- Vue 核心
- Vue 简介
- 模板语法
- 插值语法 {{}}
- 指令语法 v-
- 数据绑定
- 单向数据绑定 v-bind
- 双向数据绑定 v-model
- MVVM模型
- 事件处理
- 计算属性与监视
- class 与 style 绑定
- 条件渲染
- 列表渲染
- 收集表单数据
- 过滤器
- 内置指令与自定义指令
- Vue 实例生命周期
- Vue 组件化编程
- 模块与组件、模块化与组件化
- 非单文件组件
- 单文件组件
Vue 核心
Vue 简介
动态构建用户界面的渐进式 JavaScript 框架
特点：
- 借鉴 Angular 的模板和数据绑定技术
- 借鉴 React 的组件化和虚拟 DOM 技术
模板语法
插值语法 {{}}
- 功能：用于解析标签体内容
- 语法：{{xxx}} ，xxxx 会作为 js 表达式解析
指令语法 v-
- 功能：解析标签属性、解析标签体内容、绑定事件
- 举例：v-bind:href = ‘xxxx’ ，xxxx 会作为 js 表达式被解析
数据绑定
单向数据绑定 v-bind
双向数据绑定 v-model
MVVM模型
- M：模型(Model) ：对应 data 中的数据
- V：视图(View) ：模板
- VM：视图模型(ViewModel) ： Vue 实例对象
事件处理
Object.defineProperty(obj, prop, descriptor)
