vue插槽傳值

子組件

<template>
<div>
<slot name="icon" :text="text"></slot>
</div>
</template>
<script>
export default{
name: 'YtIcon',
data(){
return {
text:"我是子組件"
}
}
}
</script>

父組件

<template>
<div id="app">
<yt-icon>
<!-- 通過slot-scope -->
<template slot="icon" slot-scope="data">
{{data.text}}
</template>
</yt-icon>
</div>
</template>