【组件】vue组件/插件

一览

• 项目中用到过的插件 记录一下
• driver.js 【引导页插件】
• element-ui 【vue2.0】/ element-plus 【vue3.0】
• js-cookie 【cookie存储信息】
• jsencrypt 【解密加密】
• jsonwebtoken 【解密加密】
• nprogress 【页面进度条插件】
• vue-quill-editor 【富文本插件】
• vue-i18n 【国际化语言插件】
• echarts 【图表插件】
• papaparse 【文件导出插件】
• screenfull 【放大缩小插件】
• vue-count-to 【计数插件】

组件

1. driver.js

npm install driver.js -- save

2. element-ui

npm i element-ui -S

//全局导入
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

npm install element-plus --save

3. js-cookie

npm install js-cookie --save

import Cookies from 'js-cookie'

import Cookies from "js-cookie";

// const TokenKey = "Token";

export function getToken(key) {
  return Cookies.get(key);
}
//expires: 7 过期时间为7天
export function setToken(key,token) {
  return Cookies.set(key, token, { expires: 7 });
}
export function removeToken(key) {
  return Cookies.remove(key);
}

4. jsencrypt

npm install jsencrypt --save

import JSEncrypt from 'jsencrypt/bin/jsencrypt.min'

5. node-rsa

npm install node-rsa --save

6. jsonwebtoken

npm install jsonwebtoken --save

7. nprogress

npm install --save nprogress

import NProgress from "nprogress";
import "nprogress/nprogress.css";
NProgress.start();
NProgress.done();

8. vue-quill-editor

npm install vue-quill-editor -S

import { quillEditor } from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

export default {
components: {
    quillEditor   }
    }

9. vue-i18n

npm i vue-i18n@next
npm install vue-i18n@8 --save //版本降低

10. echarts

npm install echarts -S

11. papaparse

npm install papaparse --save

12. screenfull

npm i screenfull@5 // 版本降低

13. vue-count-to

npm install vue-count-to --save