具名插槽、作用域插槽的新写法
-
具名插槽
自 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