报错
Unexpected mixed usage of different slot syntaxes
v-slot
和slot-scope
新旧插槽语法混用时出现的错误
旧语法
声明插槽
<slot name="demo" :props="data"></slot>
使用插槽
<template slot="demo" slot-scope="props"></template>
新语法
声明插槽
同上
使用插槽
<template v-slot:demo="props"></template>
v-slot: {name} = “{props}”, {name}是插槽名称,{props}是插槽传递的数据结构