slot插槽的使用

slot的使用

Vue中的slot，简单点理解就是在定义组件的时候，这个地方你将来会放一些不同的东西，但你现在还不知道要放什么，于是就可以用来做个占位符，等你要用的这个组件时，让这个占位符里放啥他就显示啥。不放就不显示。

// 定义组件模板
<template>
    <div class="header_bar">
        <div class="side_icon">
        	<!-- 具名插槽，名为left-slot -->
            <slot name="left-slot"></slot>
        </div>
        <div