|
2 | 2 |
|
3 | 3 | ##1. Getting Started
|
4 | 4 |
|
| 5 | +以下示例,在博客中有具体讲解,博客链接:[Vue.js——60分钟快速入门](http://www.cnblogs.com/keepfool/p/5619070.html) |
| 6 | + |
| 7 | +###Hello World双向绑定示例 |
| 8 | + |
5 | 9 | - [Hello World示例](https://keepfool.github.io/vue-tutorials/01.GettingStarted/index.html)
|
| 10 | + |
| 11 | +###常用内置指令 |
6 | 12 | - [v-if指令示例](https://keepfool.github.io/vue-tutorials/01.GettingStarted/v-if.html)
|
7 | 13 | - [v-show指令示例](https://keepfool.github.io/vue-tutorials/01.GettingStarted/v-show.html)
|
8 | 14 | - [v-else指令示例](https://keepfool.github.io/vue-tutorials/01.GettingStarted/v-else.html)
|
9 | 15 | - [v-for指令示例](https://keepfool.github.io/vue-tutorials/01.GettingStarted/v-for.html)
|
10 | 16 | - [v-bind指令示例](https://keepfool.github.io/vue-tutorials/01.GettingStarted/v-bind.html)
|
11 | 17 | - [v-on指令示例](https://keepfool.github.io/vue-tutorials/01.GettingStarted/v-if.html)
|
12 |
| -- [综合示例](https://keepfool.github.io/vue-tutorials/01.GettingStarted/simple-demo.html) |
| 18 | + |
| 19 | +###页面示例 |
| 20 | +- [循环列表、双向绑定、添加数据、删除数据综合示例](https://keepfool.github.io/vue-tutorials/01.GettingStarted/simple-demo.html) |
| 21 | + |
| 22 | +##2. Components |
| 23 | + |
| 24 | +###Part-1 |
| 25 | + |
| 26 | +以下示例,在博客中有具体讲解,博客链接:[Vue.js——60分钟组件快速入门(上篇)](http://www.cnblogs.com/keepfool/p/5625583.html) |
| 27 | + |
| 28 | +提醒:最好结合源码和Chrome的F12工具查看示例 |
| 29 | + |
| 30 | +####组件注册示例 |
| 31 | + |
| 32 | +- [组件使用的基本步骤](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/registration-steps.html) |
| 33 | +- [组件的局部注册](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/local-registration.html) |
| 34 | +- [父组件和子组件](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/local-registration-with-child-component.html) |
| 35 | +- [组件注册语法糖](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/registration-sugar.html) |
| 36 | +- [使用script标签替代HTML字符串模板](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/use-script-tag.html) |
| 37 | +- [使用template标签替代HTML字符串模板](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/use-template-tag.html) |
| 38 | + |
| 39 | + |
| 40 | +####父组件传递数据给子组件 |
| 41 | +- [props基础示例](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/basic-props.html) |
| 42 | +- [props单向绑定](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/single-bind-props.html) |
| 43 | +- [props双向绑定](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/double-bind-props.html) |
| 44 | +- [props单次绑定](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/once-bind-props.html) |
| 45 | + |
| 46 | +####页面示例 |
| 47 | +- [注册组件、过滤表格、父组件传递数据给子组件综合示例](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/simple-demo.html) |
0 commit comments