Vue---------------------------------vue框架为大对象,相当与主启动
Vue.components--------------------------------相当于java类,为各个小弟,万物皆组件
Vue---------------------------------插槽,功能是可以将组件中的小模块分出来,组件里面可以插入另一个组件,通过插槽来实现;符合解耦合原理,相当与java中的接口
参考:https://cn.vuejs.org/v2/guide/components-slots.html
代码演示:
Title
结果:
Vue.component(“todo”,{
template:
’
’
});
Vue.component(“todo-title”,{
props: [‘title’],
template: ‘
{{title}}
’
});
Vue.component(“todo-items”,{
props: [‘item’],
template: ‘
{{item}}’
});
分析:
第一个组件相当与主启动,它调用了插槽todo-title和todo-items
第二个和第三个组件就是实现插槽todo-title和todo-items组件,自己是组件,但被其他组件调用时候是通过插槽实现的
然后页面层:
div里面是直接套的组件一,也就是自定义的标签todo,然后将组件二三以插槽的方式在页面上被todo包住,就会自动被调用他们的第一个组件以插槽方式,插入相对应的地方!!!



