vue中 v-slot使用注意

父：<template v-slot:center></template>(简写：<template #:center></template>)

子：<slot name="center"></slot>

 

父：<template v-slot:center=“datas”>{{datas.data}}</template>(datas这个可以任意命名也可以写成v-slot:center=“{data}”然后{{data})

子：<slot name="center" :data=data></slot>

在父组件中使用v-slot(#)时要放在template标签中。