示例

这里收集了一些常用的 template-sdk 使用示例,帮助你快速上手。

基础示例

完整项目示例

代码片段

简单文本显示

<script setup>
import { useTemplateValue } from 'template-sdk'

const title = useTemplateValue('title', '默认标题')
</script>

<template>gt;
  <h1>{{ title }}</h1>
</template>

图片展示

<script setup>
import { useTemplateValue } from 'template-sdk'

const poster = useTemplateValue('poster', null)
</script>

<template>gt;
  <img :src="poster?.url" :alt="poster?.alt" />
</template>

循环列表

<script setup>
import { useTemplateValue } from 'template-sdk'

const features = useTemplateValue('features', [])
</script>

<template>gt;
  <ul>
    <li v-for="feature in features" :key="feature.key">
      {{ feature }}
    </li>
  </ul>
</template>