vue 常用安装指令

i == install
–save == -S 项目（运行时、发布到生产环境时）依赖；例：antd , element,react…
–save-dev == -D 工程构建（开发时、“打包”时）依赖 ；例：xxx-cli , less-loader , babel-loader…

vue @2.0初始化项目
vue init webpack ‘project name’

element-ui
npm i element-ui -S

axios
npm i axios

vuex
npm i vuex -S

babel-polyfill（解决ie不支持ES6 promise）
一：安装babel-polyfill npm install --save babel-polyfill
二：main.js引入 import ‘babel-polyfill’
或者修改build/webpack.base.conf.js
entry: {
app: [‘babel-polyfill’, ‘./src/main.js’]
},

V - Distpicker 是一个简单易用的地区选择器
npm i v-distpicker -D
import VDistpicker from ‘v-distpicker’
export default {
components: { VDistpicker }
}

vue-pdf
npm i vue-pdf -S
解决报错：npm i -S @babel/runtime
例：
<\p v-if=“numPages < 1”>努力加载中，请稍候…</\p>
<\pdf v-for=“i in numPages” :key=“i” :src=“pdfUrl” :page=“i”></\pdf>
beforeRouteEnter (to, from, next) {
next(vm => {
vm.pdfUrl = pdf.createLoadingTask(vm.fromUrl);
vm.pdfUrl.then(pdf => {
vm.numPages = pdf.numPages;
});
});
},

qs
npm i qs -S

生成二维码 qrcodejs2
npm i qrcodejs2 -S
import QRCode from ‘qrcodejs2’
<\div id=“qrcode” ></\div>
qrcode () {
let that = this;
let qrcode = new QRCode(‘qrcode’, {
width: 124,
height: 124, // 高度
text: this.link, // 二维码内容
// render: ‘canvas’ , // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
// background: ‘#f0f’, // 背景色
// foreground: ‘#ff0’ // 前景色
})
}

移动端弹窗 vue-m-dialog
npm install vue-m-dialog

https://www.npmjs.com/package/vue-m-dialog?activeTab=readme