Skip to content

Commit b9dce73

Browse files
committed
Vue.js component tutorial part-2 source code, based on Vue.js v1.0.25
1 parent 942859e commit b9dce73

File tree

1 file changed

+33
-1
lines changed

1 file changed

+33
-1
lines changed

README.md

Lines changed: 33 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,4 +44,36 @@
4444
- [props单次绑定](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/once-bind-props.html)
4545

4646
####页面示例
47-
- [注册组件、过滤表格、父组件传递数据给子组件综合示例](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/simple-demo.html)
47+
- [注册组件、过滤表格、父组件传递数据给子组件综合示例](https://keepfool.github.io/vue-tutorials/02.Components/Part-1/simple-demo.html)
48+
49+
###Part-2
50+
51+
以下示例,在博客中有具体讲解,博客链接:[Vue.js——60分钟组件快速入门(下篇)](http://www.cnblogs.com/keepfool/p/5637834.html)
52+
53+
####slot示例
54+
55+
- [单个slot示例](https://keepfool.github.io/vue-tutorials/02.Components/Part-2/single-slot.html)
56+
- [多个slot示例1——对话框](https://keepfool.github.io/vue-tutorials/02.Components/Part-2/dialog-slot.html)
57+
- [多个slot示例2——多种颜色的对话框](https://keepfool.github.io/vue-tutorials/02.Components/Part-2/dialog-slot-with-class.html)
58+
- [多个slot示例3——未指定footer的对话框](https://keepfool.github.io/vue-tutorials/02.Components/Part-2/dialog-slot-with-class-no-footer.html)
59+
60+
####父子组件实例访问实例
61+
62+
- [$children示例](https://keepfool.github.io/vue-tutorials/02.Components/Part-2/$children.html)
63+
- [$ref示例](https://keepfool.github.io/vue-tutorials/02.Components/Part-2/$parent.html)
64+
- [$parent示例](https://keepfool.github.io/vue-tutorials/02.Components/Part-2/$parent.html)
65+
66+
####父子组件通信示例
67+
68+
- [$dispatch:子组件向父组件派发事件](https://keepfool.github.io/vue-tutorials/02.Components/Part-2/$dispatch.html)
69+
- [$broadcast父组件向子组件广播事件](https://keepfool.github.io/vue-tutorials/02.Components/Part-2/$broadcast.html)
70+
71+
####基于组件一步一步实现一个CURD示例
72+
73+
- [第1步:创建表格组件,添加查询和删除功能](http://127.0.0.1:8020/vue-tutorials/02.Components/Part-2/demo/step01.html)
74+
- [第2步:创建对话框组件](http://127.0.0.1:8020/vue-tutorials/02.Components/Part-2/demo/step02.html)
75+
- [第3步:实现数据新建功能](http://127.0.0.1:8020/vue-tutorials/02.Components/Part-2/demo/step03.html)
76+
- [第4步:实现数据修改功能](http://127.0.0.1:8020/vue-tutorials/02.Components/Part-2/demo/step04.html)
77+
- [第5步:修改数据新建功能](http://127.0.0.1:8020/vue-tutorials/02.Components/Part-2/demo/step05.html)
78+
- [第6步:完整示例](http://127.0.0.1:8020/vue-tutorials/02.Components/Part-2/demo/step06.html)
79+

0 commit comments

Comments
 (0)