使用 Agent Skills

更想让 AI 智能体帮你搭建？请查看 Agent Skills 并运行 /data-client-setup。

安装插件

在创建应用时安装 Vue 插件。

npm install --save @data-client/vue @data-client/rest

main.ts

import { createApp } from 'vue';
import { DataClientPlugin } from '@data-client/vue';
import App from './App.vue';

const app = createApp(App);
app.use(DataClientPlugin);
app.mount('#app');

app.use(DataClientPlugin, options) 可以选择性地覆盖 managers、initialState、Controller 和 gcPolicy。全部选项请参阅 DataClientPlugin。

下一步：定义数据 »

示例

探索 vue-todo-app 示例

在 StackBlitz 中打开查看源码

正在加载演示…

更多演示

支持的工具

TypeScript 4.0+

TypeScript 是可选的，但要获得完整的类型约束，至少需要 4.0 版本并开启 strictNullChecks。

@data-client/vue 需要 TypeScript 4.5 或更高版本，因为 Vue 自身的类型也有此要求。

旧版浏览器支持

如果你的应用面向较旧的浏览器（几年甚至更久之前的），请务必加载 polyfill。通常的做法是使用 @babel/preset-env useBuiltIns: 'entry'，并在应用入口处导入 core-js。

这样可以确保应用的打包产物中只包含目标浏览器所需的 polyfill。

例如 TypeError: Object.hasOwn is not a function

Internet Explorer 支持

如果你看到 Uncaught TypeError: Class constructor Resource cannot be invoked without 'new'，请按照说明为包添加旧版浏览器支持

Vue 3

@data-client/vue 支持 Vue 3，并基于组合式 API 构建。