vue.js之插槽（slot），插槽的种类有几种

加入插槽，插槽就是在组件里留一个空位，使用组件时可以插入任意东西

在子组件某个位置定义：<slot></slot>

使用组件时就可以在该位置添加任意标签

加入多个插槽时，要为每个插槽命名，使用时每个slot要放在一个template里面

定义多个插槽

template:`

<div>

<p>子组件内容:{{sonmsg}}</p>

<p>分隔线111111111111111</p>

<slot name="a1"></slot>

<p>分隔线2222222</p>

<slot name="a2"></slot>

<p>分隔线333333333</p>

</div>

`,

使用多个插槽，一个template放一个slot

                <template slot="a1">

<button>按钮a1</button>

</template>

<template slot="a2">

<button>按钮a2</button>

</template>

vue的slot主要分三种，默认插槽，具名插槽，作用域插槽；使用插槽是在存在父子关系的组件中使用，我们可以在子组件中决定插槽的位置，同时子组件也可以给这些插槽的默认信息，当父组件中没有需要给子组件插槽插入信息时，显示的是子组件插槽定义的默认信息。

来千语创想移动应用开发平台学习更多APP开发知识：app开发，app制作，app开发源码下载，app开发框架，app制作模板等免费获取。

立即免费在线制作一个APP，新手注册即送开发大礼包