具名插槽的简单使用

插槽是给组件预留的空间，当封装组件时往往会给组件使用插槽，，插槽如何使用由父组件决定，插槽中的内容表示如果没有在该组件中插入其他任何内容，就默认显示插槽中的内容。
具名插槽则是当子组件需要显示不同的效果时使用具名插槽，通过name属性给插槽命名。
案例如下：

上图中在子组件的模板中定义了三个具名插槽，分别为左中右，在父组件中使用两次cpn，第一次没有添加内容，第二次添加了内容，第二次使用时，cpn标签内的内容将会替换掉模板中的插槽内容，并根据插槽名字分别替换，效果如下：

正如图所示，当使用cpn组件没有添加内容时，则会显示插槽的默认内容，当添加了内容则根据名字替换。