Vue——插槽语法

报错

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}是插槽传递的数据结构