插槽（Slot）是Vue提出来的一个概念，正如名字一样，当组件的内容由父组件决定时，就会用到slot。内容分发非常适用于“固定部分”+“动态部分”的组件场景。固定部分可以是结构固定，也可以是逻辑固定，从而使编写的组件更加灵活，实现组件的高度复用。

1、单个插槽

在子组件中使用特殊的<slot>元素就可以为这个组件开启一个slot。在父组件模板中，插入在子组件标签内的所有内容将替代子组件的slot标签和内容。

2、具名插槽

在前面的案例中不难看出，在组件中使用了slot之后，组件的部分内容变成了动态的。如果一个组件中有多部分的内容都是动态的，则需要为slot元素指定一个name属性，具有name属性的插槽称之为具名插槽。具名插槽可以分发多个内容，也可以与单个插槽共存。

1、定义一个商品卡片组件（card）

2、在page1和page2里面分别调用此卡片组件。

3、通过插槽实现自定义组件里面的部分动态内容

案例效果如图所示：

任务二、自定义一个提交订单栏的组件，使用具名插槽实现下图的效果。