【Vue】slot插槽使用

 slot相当于是一个占位的东西，在插槽里可以放置任何内容。
 slot最简单的使用方式就是在我们的子组件内使用特殊的slot元素为这个子组件开启一个slot，在父组件的模板中，插入这个子组件标签内的所有内容都将代替子组件的slot标签以及它的内容.
 当父组件向子组件传值的时候，有时候，父组件传的并不是单纯的数值，字符串，有可能是带标签（DOM）的数据，所以使用slot来进行此操作

一、简单使用：

父组件内容如下：
<template>
 <login>你好</login>
</template>

<script>
import login from "./login"
export default {
   
  name: 'HelloWorld',
    components:{
   
    login,
  },
 }
</script>
...

子组件内容如下：
<template>
    <div> 
        <span>欢迎登陆！</span