Vue中创建公共函数

在vue项目中创建公共函数

1. 创建common.js文件

import Vue from 'vue'

const extension = {

  /**
   * Store data to sessionStorage with key.
   * @param key
   * @param object
   */
  $saveSession: function (key, object) {
    localStorage.setItem(key, JSON.stringify(object))
  },


  /**
   * Load data from sessionStorage using key.
   * @param key
   * @param defVal
   * @returns {string|*}
   */
  $loadSession: function (key, defVal) {
    const item = localStorage.getItem(key)
    return item != null ? JSON.parse(item) : defVal
  },

}
// 循环挂载到vue原型中
for (let ex in extension) {
  Vue.prototype[ex] = extension[ex]
}

2. 在main.js中引入，直接import即可

import './plugins/common.js'