作用域插槽的使用
阿新 • • 發佈：2021-07-16
子：
<template>
<div>
<slot :data="movies">
<ul>
<li v-for="(item,index) in movies" :key="index">
{{ item }}
</li>
</ul>
</slot>
</div>
<template>
<script>
exportdefault{
name:'元件名',
data(){
return{
movies:['戰狼','肖申克的救贖','花木蘭']
}
},
}父：
<cpn><!--目的是獲取子元件的movies--> <templateslot-scope="slot"> <span>{{slot.data.join('-')}}</span> </template> </cpn>