画布 1
插槽
  内容插槽
    <template>
<div>
<slot></slot>
</div>
</template>
      当组件渲染的时候，<slot></slot>会被替换输入的内容
插槽内也可以包含任何模板代码，包括HTML
  后备内容(默认内容)插槽
    当别的组件没有给你内容的时候，那么默认的内容就会被渲染，
提供内容时，提供的内容代替默认内容渲染
    <slot>
默认内容
</slot>
  具名插槽
    一个组件内使用多个插槽，使用<slot>元素的特性：name ，这个特性可以用来定义额外的插槽
      注意：v-slot只能添加在一个<template>上
    如果<slot>不带name属性，那么它的name默认为default
    向具名插槽提供内容时，在<template>元素上使用 v-slot指令，并以参数的形式提供其名称
    <template slot="one">
这是第一个
</template>
<template slot="two">
这是第二个
</template>
      <template>
<div>
<slot name="one"></slot>
<slot name="two"></slot>
</div>
</template>
      新语法是 v-slot:one
  作用域插槽
    如果想访问子组件的数据
      把需要传递的内容绑到 <slot> 上，然后在父组件中用v-slot设置一个值来定义我们提供插槽的名字
      <div>
<template slot-scope="asd"(名字随便起)>
{{asd}} （这时取到的是一个对象，取一个就写成“asd.aaa”）
</template>
</div>
        //动态绑定一个名称(父组件调用时使用) = ”要传递的数据“
<slot name="one" v-bind:aaa(名字随便起)="name"></slot>
data(): {
name: "xiaoming",
dizhi: "jinan",
},
        新语法是v-slot:one="asd"
          v-slot简写是#