vue插槽的用法

插槽的作用：可以让用户在组件标签中自定义内容

# 插槽

## 普通插槽

```javascript

const com = {

  template: `

   

      其他内容

     

   

  `

}

```

```html

 

    自定义内容

 

```

## 具名插槽

> 默认的slot有一个名字为default

```javascript

const com = {

  template: `

   

      其他内容

     

     

   

  `

}

```

```html

 

   

   

 

```

## 作用域插槽

> 给用户留一些需要的数据

```javascript

const com = {

  template: `

   

      其他内容

     

   

  `

}

```

```html

 

//scope是slot传递过来的数据

   

 

 

//使用解构赋值方式会更简单

   

 

```