具名插槽、作用域插槽的新写法

具名插槽、作用域插槽的新写法

1. 具名插槽

   自 2.6.0 起有所更新。已废弃的使用 slot attribute 的语法

   但是我们有了新的语法，如下：

   子组件 childCom:

   <template id="childCom">
     <div>
       <!-- 具名插槽的针对于组件中不止一个插槽的情况下使用，使用方式，即：给每个插槽指定 name 属性，在使用的时候需要给标签设置 slot 属性，且属性值为 对应的 name 属性的属性值 -->
       <slot name='left'><span>左边</span></slot> <!--给每个插槽命名，插槽中间是默认内容-->
       <slot name='center'><span>中间</span></slot>
       <slot