如何為 Vue 和 webpack 注冊全局 lodash mixin

Question

我想要這個mixin

_.mixin({
  memoizeDebounce: function (func, wait = 0, options = {}) {
    const mem = _.memoize(function () {
      return _.debounce(func, wait, options)
    }, options.resolver)
    return function () {
      mem.apply(this, arguments).apply(this, arguments)
    }
  }
})

為了隨處可用，我導入了 lodash。 我怎么做？ 我嘗試在 Vue 最初啟動的 main.js 中正確分配它，但是 mixin 沒有進入我想要使用它的 vuex 商店。

__WEBPACK_IMPORTED_MODULE_12_lodash___default.a.memoizeDebounce is not a function

我該怎么做呢？

我正在使用 vue-cli 附帶的 webpack 3.12.0。

Answer 1

你可以這樣處理它：

import * as _ from 'lodash';

const utilsMixin = {
  computed: {
    _: () => _,
  },
};

export default utilsMixin;

然后將其導入到您的文件中，如下所示：

Vue.mixin(utilsMixin);