#Vue.js教程

##1. Getting Started

以下示例，在博客中有具体讲解，博客链接：Vue.js——60分钟快速入门

####Hello World双向绑定示例

• Hello World示例

####常用内置指令

• v-if指令示例
• v-show指令示例
• v-else指令示例
• v-for指令示例
• v-bind指令示例
• v-on指令示例

####页面示例

• 循环列表、双向绑定、添加数据、删除数据综合示例

##2. Components

###Part-1

以下示例，在博客中有具体讲解，博客链接：Vue.js——60分钟组件快速入门（上篇）

提醒：最好结合源码和Chrome的F12工具查看示例

####组件注册示例

• 组件使用的基本步骤
• 组件的局部注册
• 父组件和子组件
• 组件注册语法糖
• 使用script标签替代HTML字符串模板
• 使用template标签替代HTML字符串模板

####父组件传递数据给子组件

• props基础示例
• props单向绑定
• props双向绑定
• props单次绑定

####页面示例

• 注册组件、过滤表格、父组件传递数据给子组件综合示例

###Part-2

以下示例，在博客中有具体讲解，博客链接：Vue.js——60分钟组件快速入门（下篇）

####slot示例

• 单个slot示例
• 多个slot示例1——对话框
• 多个slot示例2——多种颜色的对话框
• 多个slot示例3——未指定footer的对话框

####父子组件实例访问示例

• $children示例
• $ref示例
• $parent示例

####父子组件通信示例

• $dispatch：子组件向父组件派发事件
• $broadcast：父组件向子组件广播事件

####基于组件一步一步实现一个CURD示例

• 第1步：创建表格组件，添加查询和删除功能
• 第2步：创建对话框组件
• 第3步：实现数据新建功能
• 第4步：实现数据修改功能
• 第5步：修改数据新建功能
• 第6步：完整示例