Web前端开发之VUE13——插槽

插槽：

 

 示例代码：

//组件1

 后备内容：

 具名插槽：

 

 示例代码：

组件2中设置插槽名：imgPlace

在想要使用插槽的地方引用【v-slot：插槽名】以调用。

 注意：使用冒号指定插槽名。

具名插槽的缩写：

 作用域插槽：

 示例代码：

定义：此处直接书写props属性

使用：

当然我们props数据对象可以通过解构以得到对应值。

解构后的写法：