导入vue中的二维码库
首先,我们在工程目录下通过命令安装最新的qrcode库,
npm install --save qrcode
安装完成后
package.json的dependencies中便新增了"qrcode": “^1.4.1”
node_modules目录新增了qrcode模块,这样就算是安装成功了。

代码示例:
<template>
<div>
<!-- 用于输入内容的input -->
<input v-model="message">
<!-- 将获取到的信息画到画布上 -->
<canvas id="msg"