vue-qrcode

针对 Vue 3 的二维码组件，基于node-qrcode库。如需适用于 Vue 2 的版本，请查看v1分支。

• 文档
• 演示

主要 NPM 包文件

dist/
├── vue-qrcode.js         （UMD，默认）
├── vue-qrcode.min.js     （UMD，压缩）
├── vue-qrcode.esm.js     （ECMAScript 模块）
├── vue-qrcode.esm.min.js （ECMAScript 模块，压缩）
└── vue-qrcode.d.ts       （TypeScript 定义文件）

快速开始

安装

使用 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 是必需的 -->
<script src="https://unpkg.com/qrcode@1.5.0/build/qrcode.js"></script><!-- qrcode 是必需的 -->
<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="你好，世界！" :options="{ width: 200 }"></vue-qrcode>

浏览器支持

与 Vue 3 相同。

版本管理

遵循 语义化版本（Semantic Versioning） 规范。

许可证

MIT © 陈方圆