vue2.0插槽

1、概念

• 插槽（Slot）是vue为组件的封装者提供的能力，允许开发者在封装组件时，把不确定的，希望由用户指定的部分定义为插槽

• 要想在根组件中可以在子组件中渲染页面，需要在子组件中创建一个插槽即slot标签

• 规定：每个插槽都要有一个名称，即name，若没写则是default

2、v-slot指令

• template是虚拟标签，只起到包裹作用

• 如果要把内容填充到指定名称的插槽中，用v-slot

• v-slot后面跟上插槽的名字

• v-slot不能直接用在元素身上，要用在template上

• 简写形式：#

• 具名插槽：为每个插槽取一个名字使用name

3、作用域插槽

（1）概念：在封装组件时为预留的slot提供属性对应的值，这种方法叫做作用于插槽，一般接收用scope

（2）解构赋值

​


​
data() {
    return {
        userinfo: {
        name: "zs",
        age: 20,
        }
    };
}