插槽

插槽:默认情况下,组件内部嵌套的标签或组件默认不会显示,如果需要显示就需要插槽。

作用:可以让封装的组件更加灵活。

匿名插槽:

  1、在组件内部写<template>标签,需要嵌套的内容放在<template>标签内部,接一个指令v-slot。

  2、在组件内部通过<slot></slot>接收嵌套的数据。

命名插槽:

  1、在组件内部写<template>标签,需要嵌套的内容放在<template>标签内部,接一个指令v-slot:插槽名称。

  2、在组件内部通过<slot name="插槽名称"></slot>接收嵌套的数据。

作用域插槽:

  1、在子组件内部通过<slot></slot>绑定自定义属性。

  2、在父组件中给子组件的<template>标签加一个属性。

原文地址:https://www.cnblogs.com/wuqilang/p/11273642.html