# @bicou/nuxt-urql 中文文档

规范地址：https://npmcn.com/package/%40bicou/nuxt-urql/

版本：1\.11\.4
npm 元数据更新时间：2026-03-30T12:42:41.828Z
中文译文更新时间：2026-11-08T01:37:08.673Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40bicou/nuxt-urql
原文对照：https://npmcn.com/package/%40bicou/nuxt-urql/?lang=original
项目主页：https://github.com/gbicou/nuxt-urql#readme
源码仓库：https://github.com/gbicou/nuxt-urql

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：12.3 kB，13 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：2 个
- peer 依赖：defu ^6\.1\.4，graphql ^16\.10\.0，vue ^3\.5\.20
- 首次发布：2023-02-02T12:33:01.448Z
- 最新版本发布：2026-03-30T12:42:41.570Z
- 近 30 天下载量：4403（2026-10-08 至 2026-11-06，npm 官方下载统计）
- 已发布版本数：35（近 12 个月 2 个）

## 中文简介

Nuxt URQL 模块

## 安装

```sh
npm install @bicou/nuxt-urql
```

也可以使用：`pnpm add @bicou/nuxt-urql`、`yarn add @bicou/nuxt-urql`、`bun add @bicou/nuxt-urql`

## README

# Nuxt URQL 模块

[![npm version](https://img.shields.io/npm/v/@bicou/nuxt-urql/latest.svg?style=flat&colorA=18181B&colorB=28CF8D)](https://npmjs.com/package/@bicou/nuxt-urql) [![npm downloads](https://img.shields.io/npm/dm/@bicou/nuxt-urql.svg?style=flat&colorA=18181B&colorB=28CF8D)](https://npmjs.com/package/@bicou/nuxt-urql) [![License](https://img.shields.io/npm/l/@bicou/nuxt-urql.svg?style=flat&colorA=18181B&colorB=28CF8D)](https://npmjs.com/package/@bicou/nuxt-urql) [![Nuxt](https://img.shields.io/badge/Nuxt-18181B?logo=nuxt.js)](https://nuxt.com/)

> Nuxt v3 和 v4 的 URQL 客户端

-   [QQ 发布注释](https://npmcn.com/CHANGELOG.md)
-   [页:1](https://nuxt-urql-docs.vercel.app/)

## 特征

-   @urql/vue 整合
-   安全部门改革交换
-   客户端定制

## 快速设置

添加 `@bicou/nuxt-urql` 对您的项目的依赖性

```bash
# Using pnpm
pnpm add -D @bicou/nuxt-urql graphql

# Using yarn
yarn add --dev @bicou/nuxt-urql graphql

# Using npm
npm install --save-dev @bicou/nuxt-urql graphql
```

添加 `@bicou/nuxt-urql` 页:1 `modules` 节 `nuxt.config.ts` 财务报告和审定财务报表 配置 urql 客户端 url

```js
export default defineNuxtConfig({
  modules: [
    '@bicou/nuxt-urql'
  ],
  urql: {
    endpoint: "http://myapi/graphql"
  }
})
```

就这样! 您现在可以在您的 Nuxt app QQ 中使用 Nuxt URQL 模块

```vue
<template>
  <div>{{ data }}</div>
</template>

<script setup lang="ts">
const { data } = await useQuery({
  query: gql`
    query name {
      # ...
    }
  `,
});
</script>
```

## 发展

```bash
# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch
```

## 常见问题

### @bicou/nuxt-urql 是什么？

Nuxt URQL 模块

### 如何安装 @bicou/nuxt-urql？

在项目目录运行 npm install @bicou/nuxt-urql，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：defu（^6\.1\.4）、graphql（^16\.10\.0）、vue（^3\.5\.20）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @bicou/nuxt-urql 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @bicou/nuxt-urql 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @bicou/nuxt-urql 可以商用吗？

@bicou/nuxt-urql 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @bicou/nuxt-urql 的下载量有多少？

根据 npm 官方下载统计，@bicou/nuxt-urql 在 2026/10/08 – 2026/11/06 这 30 天内被下载 4,403 次，日均约 147 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @bicou/nuxt-urql 还在维护吗？

最新版本 1\.11\.4 发布于 2026/03/30（7 个月前）；至今共发布 35 个版本，其中过去 12 个月发布了 2 个；首次发布于 2023/02/02。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。