19-08-12 H5打印 ast语法树 slot-scope

171 阅读1分钟

H5唤醒打印功能

segmentfault.com/a/119000000…

www.cnblogs.com/xianyubuxia…

ast逻辑语法树

segmentfault.com/a/119000001… juejin.cn/post/684490…

vue slot-scope

!首先 slot-scope 是vue3.0中要废弃的api

其次,使用slot-scope中有个误区,插槽上是可以绑定多个数据,而父组件中slot-scope拿到的是一个对象,这个对象包裹着所有 插槽上的绑定的数据

//父组件
<template>
<div>
  <test-div>
    <div class="outer" slot-scope="slotScope">
      {{ slotScope.a.name + slotScope.b.name }}
    </div>
  </test-div>
</div>
</template>

//子组件
<template>
  <div class="inner">
    <slot :a="obj1" :b="obj2"></slot>
  </div>
</template>
<script>
data:
obj1: { name: '1' },
obj2: { name: '2' }
</script>