jsx写法

export default {
  render() {
    return (
        <header>{this.$scopedSlots.header?.({ msg: "具名作用域插槽--header" })}</header>
        <main>{this.$scopedSlots.header?.({ msg: "默认作用域插槽" })}</main>
        <footer>{this.$scopedSlots.footer?.({ msg: "具名作用域插槽--footer" })}</footer>
      </div>
Parent.vue 父组件
<template>
    <Child>
      <!-- 三种方法可以使用 #、v-slot、slot-scope  -->
      <!-- 使用 slot-scope 写法 vue 2.6.0 已废弃的使用 slot-scope  -->
      <template slot="header" slot-scope="{ msg }">
        <div>{{ msg }}</div>
      </template>
      <!-- 默认作用域插槽  -->
      <template #default="{ msg }">
        {{ msg }}
      </template>
      <!-- 作用域插槽--footer -->
      <template v-slot:footer="{ msg }">
        {{ msg }}
      </template>
    </Child>
  </div>
</template>
jsx写法
export default {
  render() {
    return (
        <Child
          scopedSlots={{
            header({ msg }) {
              return <div>{msg}</div>
            default: (scoped) => {
              return scoped.msg
            footer: ({ msg }) => {
              return msg
        ></Child>
      </div>
    咫尺天涯_飞
        17.6k
       
粉丝
 
 
   
   
友情链接：
 

        让你代管拖拉机厂怎么全成黑科技
        雪中：重生为乞丐练剑为报恩
        这主播能处，有事他是真敢曝光！
        玄幻：好家伙，原来我是大反派
        达尔文游戏第二季在线观看完整版
        这一剑可弑神
        调用百度js自定义标记名称
        js 对象是否存在某个属性