VUE—使用自定义外部js方法（示例：localstorage）

VUE—使用自定义外部js方法

1、在src文件夹中新建lib文件夹再在其中新建一个util.js文件用来存储自定义的js方法，在这里示范的是localstorage的读写方法

let local = {
  get: function (key) {
    // 存储进去的是字符串所以get的也是字符串，因此要转换成对象
    return JSON.parse(localStorage.getItem(key))
  },
  set: function (key, val) {
    // 只接受字符串，所以val一定要从对象转换成字符串
    localStorage.setItem(key, JSON.stringify(val))
  }
}
export default {
  install: function (vm) {
    vm.prototype.$local = local // 最后要输出一下才能使用
  }
}

2、在main.js里引入用use一下

import local from './lib/until'
Vue.use(local)

3、使用

this.$local.set('arr', {'arrlist': this.worklist}) // 调用local定义的set方法，存储想存的内容