1.父組件 javascript
<template> <div> <link-list> <div slot="init" slot-scope="{init}">{{init.title}}</div> </link-list> </div> </template>
script代碼中: props: ["init"]html
2,子組件中java
<template> <ul> <li v-for="init in list"> <slot name="init" :init="init"> </slot> </li> </ul> </template>
script代碼中code
<script> export default { init: '', data() { return { list: [ {title: '哈哈哈'} ] } }, } </script>
這是經過插槽從子組件向父組件傳值htm