Error: `slot-scope` are deprecated报错解决

本人新手菜鸡，文章为自己遇到问题的记录，如有错误或不足还请大佬批评指正

问题描述

在Vue3环境下使用slot插槽，出现‘slot-scope’ are deprecated报错问题，经过查找发现，是因为在slot插槽使用中，vue2和vue3存在差异，使用时注意环境版本

1、报错代码

<template slot-scope="scope">{{scope.$index + 1}}
</template>

2、解决

注意，vue3中只能用template, # 等同于 slot=

代码如下（示例）：

<template #default="scope">{{scope.$index + 1}}</template>