vue 利用slot向父组件传值

闲话不多说，上代码
子组件，里面有slot插槽，并在slot上绑定了text值<template>
<div @click="$emit('change',checked+1)">
<slot name="icon" :text="text"></slot>
</div>
</template>
<script>
export default{
data(){
return {
text:"我是子组件"
}
},
props:["checked"],
model:{
prop: 'checked',
event: 'change'
}
}
</script>

父组件通过slot-scope就可以拿到子组件slot上绑定的值，并且2.5.0版本可以用于任意元素上<template>
<div id="app">
<img src="./assets/logo.png">
<!--<router-view/>-->
<car v-model="index">
<div slot="icon" slot-scope="props">
{{props.text}}
</div>
</car>

</div>
</template>这样，就可以拿到子组件里面的text值。