父组件和作用域使用同一个变量，如何渲染

来源：9-8 slot（1）

前端工程师666777888

2021-04-24

child.vue
<div>
<slot name="zz" v-bind:obj="tt"></slot>
</div>
data () {
return {
   tt:{
       age:23
     }
}
}

父组件
<div>
<child>
<p slot="zz" slot-scope="{obj}">{{obj}}{{na}}</p>
</child>

</div>

data (){
return {
obj:88,
na:89
}
}

父组件会显示什么？

写回答

1回答

ustbhuangyi

2021-04-25

obj 会取子组件的数据，作用域插槽实际上执行的时候是读取的函数的参数，不会取到父组件定义的数据

ustbhuangyi

前端工程师666777888

为哈会报错呢，{{ na }} 可以取到父组件定义的数据啊

2021-04-25

共2条回复

Vue.js 源码深入解析深入理解Vue实现原理

全方位讲解 Vue.js 源码，进阶高级工程师

4984 学习 · 1037 问题

相似问题

回答 2

回答 2

回答 3

回答 2

回答 1