如何使用设置脚本将布局传递给 vue 组件答案

【问题标题】：How to pass layout to vue component with setup script如何使用设置脚本将布局传递给 vue 组件
【发布时间】：2022-01-18 14:39:03
【问题描述】：

LayoutComponent

    <template>
      //some code here ...
      <div>
        <slot></slot>
      </div>
    </template>

在composition api中，您可以通过导入布局并将其传递给defineComponent的布局选项来传递布局

<script lang="ts">
import {defineComponent} from 'vue'
import LayoutComponent from '@/path/to/component'
           ☝️
export default defineComponent({
  layout: LayoutComponent
  //...        ☝️

在安装脚本中这相当于什么？提前谢谢你:)

<script setup lang="ts">
import LayoutComponent from '@/path/to/component
// ???

【问题讨论】：

标签： typescript vue.js installation vue-component vuejs3

【解决方案1】：

我意识到你可以用布局组件包裹整个组件。

<script setup lang="ts">
import LayoutComponet form '@/path/to/component'
</script>

<template>
  <LayoutComponent>
    <p>Component wrapped in a layout</p>
  </LayoutComponent>
</template>

我不会删除这个问题，以防有人觉得这很有用:)

【讨论】：