"本文介绍了Vue3中插槽的使用变化，对比了与Vue2的不同。在Vue3中，`slot-scope`已被废弃，需使用`template`标签配合`#`来定义插槽。例如，`<template#title>`用于定义普通插槽，`<template#title="scope"`用于定义带作用域的插槽。了解这些变化对于 Vue 开发者至关重要。"
前言：
vue3的插槽使用方法发生了改变，和vue2相比较。
使用vue2的写法，会报错：
`slot-scope` are deprecatedvue2：上下对应，title是自己随便起的名字
1、定义一个普通的插槽，可以用div，任何标签
<div slot="title"></div>2、定义一个element列表里面插槽的标签
<div slot="title" slot-scope="scope"></div>
vue3：上下对应，title是自己随便起的名字
1、注意，vue3中只能用template, # 等同于 slot=
<template #title></template>2、注意，vue3中只能用template, # 等同于 slot=
<template #title="scope"></template>
扫一扫
2655
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
