@chenfengyuan/vue-qrcode

中文文档
2.0.0发布于 2022/02/07MITTypeScriptESM + CJS零依赖近 30 天下载 18.8万

Vue 3 的 QR 代码组件.

中文使用文档
文档目录7 节
  1. 主要文件
  2. 开始
  3. 安装
  4. 使用量
  5. 浏览器支持
  6. 版本
  7. 许可证

vue-qrcode 密码

Coverage Status Downloads Version Gzip Size

Vue 3 的 QR 代码组件 节点-qrcode对于Vue 2,检查 v1 树枝.

主要文件

dist/
├── vue-qrcode.js         (UMD, default)
├── vue-qrcode.min.js     (UMD, compressed)
├── vue-qrcode.esm.js     (ECMAScript Module)
├── vue-qrcode.esm.min.js (ECMAScript Module, compressed)
└── vue-qrcode.d.ts       (TypeScript Declaration File)

开始

安装

使用 npm :

npm install vue@3 qrcode@1 @chenfengyuan/vue-qrcode@2

使用 pnpm :

pnpm add vue@3 qrcode@1 @chenfengyuan/vue-qrcode@2

使用 Yarn :

yarn add vue@3 qrcode@1 @chenfengyuan/vue-qrcode@2

使用 CDN :

<script src="https://unpkg.com/vue@3"></script><!-- Vue.js is required -->
<script src="https://unpkg.com/[email protected]/build/qrcode.js"></script><!-- qrocde is required -->
<script src="https://unpkg.com/@chenfengyuan/vue-qrcode@2"></script>

使用量

import { createApp } from 'vue';
import VueQrcode from '@chenfengyuan/vue-qrcode';

const app = createApp({});

app.component(VueQrcode.name, VueQrcode);
<vue-qrcode value="Hello, World!" :options="{ width: 200 }"></vue-qrcode>

浏览器支持

和Vue 3一样.

版本

维持在 语义版准则。 。 。 .

许可证

麻省理工学院 © 陈凤远

版本与发布记录

@chenfengyuan/vue-qrcode 共发布 8 个版本,首次发布于 2018/10/21;过去 12 个月发布了 0 个版本。

版本发布日期距今
2.0.0latest2022/02/074 年前
2.0.0-rc.1next2021/08/235 年前
2.0.0-rc2021/06/125 年前
2.0.0-beta2021/02/105 年前
2.0.0-alpha2021/01/305 年前
1.0.22020/01/186 年前

关于 @chenfengyuan/vue-qrcode 的常见问题

@chenfengyuan/vue-qrcode 是什么?

Vue 3 的 QR 代码组件.

如何安装 @chenfengyuan/vue-qrcode?

在项目目录运行 npm install @chenfengyuan/vue-qrcode,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:qrcode(^1.5.0)、vue(^3.0.0)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@chenfengyuan/vue-qrcode 支持 TypeScript 吗?

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

@chenfengyuan/vue-qrcode 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

@chenfengyuan/vue-qrcode 可以商用吗?

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

@chenfengyuan/vue-qrcode 的下载量有多少?

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

@chenfengyuan/vue-qrcode 还在维护吗?

最新版本 2.0.0 发布于 2022/02/07(4 年前);至今共发布 8 个版本,其中过去 12 个月发布了 0 个;首次发布于 2018/10/21。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。