vue中常用第三方插件

手机端日志控制台

• 安装使用 vconsole

cnpm install vconsole -S

• 使用,直接在main.js引入使用

import * as vConsole from 'vconsole'
// 手机端控制台
if (process.env.NODE_ENV !== 'production') {
  new vConsole()
}

时间格式化插件

• 安装使用dayjs

cnpm install dayjs -S

• 使用，直接在vue3.0挂载在全局中

import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'

app.config.globalProperties.$dayjs = dayjs

组件使用

$dayjs.dayjs(scope.row.updateTime).format('YYYY-MM-DD')

本地存储store

• 安装使用store

cnpm install store -S

• 使用

import store from 'store'
const KEY_RAW = 'DXToken'



/**
 * 设置token信息
 * @param {Object} token token
 */
export const setToken = token => {
  setTokenExpireTime(token)
  store.set(KEY_RAW, token)
}

/**
 * 获取token
 */
export const getToken = () => {
  return store.get(KEY_RAW)
}

/**
 * 清除token
 */
export const rmToken = () => {
  store.clearAll()
}

/**
 * 设置token 过期时间 expires_in
 * 原expires_in为一个时间段，例7200s
 * @param {Object} token token信息
 */
function setTokenExpireTime(token) {
  if (token['expires_in']) {
    token['expires_in'] += getCurrentTime()
  }

  function getCurrentTime() {
    return Date.parse(new Date()) / 1000
  }
}