<template></template>、<slot></slot>、slot-scope、v-slot傻傻分不清!他们究竟是干啥的???

一句话描述4个关键词的作用:

template是备胎(模板):通常在html里面作为备用模板,包裹的内容显示,而自身标签不会出现在html中

slot是替身(替代组件包裹内容、插槽):通常出现在子组件中,用于替代父组件中><尖括号包裹的内容。

slot-scope是渣女的闺蜜(经常传话):闺蜜说的话到处去散播,用于获取子组件的对应变量值。

v-slot具有slot和slot-scope的功能

  1. 当写法是v-slot:插槽别名等同于slot="插槽别名"的写法
  2. 当写法是v-slot="变量名"等同于slot-scope="变量名"的写法

美中不足,v-slot 只能用在组件或