本示例展示了 Vue.js Composition API 的使用，该 API 是 Vue 3 中的一个新特性，旨在简化组件的编写和重用。

1. 示例概述

在这个示例中，我们将创建一个简单的 Vue 组件，使用 Composition API 来管理组件的状态和逻辑。

2. 代码示例

<template>
  <div>
    <h1>{{ title }}</h1>
    <p>{{ message }}</p>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const title = ref('Vue.js Composition API 示例');
    const message = ref('这是一个使用 Composition API 的示例。');

    return {
      title,
      message
    };
  }
};
</script>

3. 扩展阅读

想要了解更多关于 Vue.js Composition API 的信息，可以阅读官方文档：Vue.js Composition API

4. 图片展示

中心展示一个与 Vue.js 相关的图片：

Vue.js