`<Preview>`

<Preview> 组件用于预览渲染的内容，通常用于根据传入的 JSON 数据进行动态渲染。它接受 id 和 schema 两个参数，用于指定需要渲染的 ptah 实例的 ID 和对应的 JSON 数据。

参数

id (String):
- 对应 createPtah 时传入的 ID，用于标识并选择特定的 ptah 实例。
- 示例: "ptah-1"
schema (Object):
- 需要渲染的 JSON 数据。该数据将作为渲染内容的基础，通常包含模块或组件的配置和内容。
- 示例: { title: "Sample Module", content: "This is a preview." }

使用示例

基本示例

在最简单的使用场景中，<Preview> 组件接收 id 和 schema 两个参数，并渲染相应的内容：

vue

<template>
    <Preview id="ptah-1" :schema="jsonData" />
</template>

<script>
export default {
    data() {
        return {
            jsonData: {
                title: 'Sample Module',
                content: 'This is a preview.'
            }
        };
    }
};
</script>

在此示例中，jsonData 是一个包含需要渲染的内容的 JSON 对象，通过 schema 属性传递给 <Preview> 组件进行渲染。

配置和自定义

id 属性：确保 id 对应于通过 createPtah 创建的实例的 ID，以便正确渲染对应的内容。
schema 属性：确保传递的 schema 是一个有效的 JSON 对象，包含需要渲染的内容和配置项。

注意事项

id 属性：id 必须对应于 createPtah 创建时使用的 ID，确保渲染正确的实例内容。
schema 属性：schema 必须是一个有效的 JSON 数据对象，包含正确的渲染信息。确保其结构符合组件或模块的需求。

配合其他组件使用

<Preview> 组件通常与其他组件或工具配合使用，如动态表单、模块配置等，以提供实时预览和交互体验。

<Preview> ​

参数 ​

使用示例 ​

基本示例 ​

配置和自定义 ​

注意事项 ​