如何为Vue和Webpack注册全局lodash mixin

问题描述 投票:0回答:1

我想要这个混搭

_.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。

javascript vue.js webpack lodash
1个回答
0
投票

您很喜欢这样:

import * as _ from 'lodash';

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

export default utilsMixin;

然后像这样将其导入您的文件中:

Vue.mixin(utilsMixin);
© www.soinside.com 2019 - 2024. All rights reserved.