File tree Expand file tree Collapse file tree 1 file changed +33
-1
lines changed Expand file tree Collapse file tree 1 file changed +33
-1
lines changed Original file line number Diff line number Diff line change 44
44
- [ props单次绑定] ( https://keepfool.github.io/vue-tutorials/02.Components/Part-1/once-bind-props.html )
45
45
46
46
####页面示例
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
+
You can’t perform that action at this time.
0 commit comments