javascript - Vue - 同时使用具有多个配置和不同名称的相同插件？

Question

我正在尝试使用 Vue 插件 Vue Currency Input同时具有两种不同的配置:

import Vue from 'vue'
import VueCurrencyInput from 'vue-currency-input'

const options = {
  globalOptions: {
    currency: 'BRL',
    locale: 'pt-BR',
    precision: 2,
    allowNegative: false,
    autoDecimalMode: true,
    distractionFree: { hideNegligibleDecimalDigits: false, hideCurrencySymbol: false, hideGroupingSymbol: false }
  }
}

const optionsDecimal = {
  globalOptions: {
    currency: false,
    locale: 'de-DE',
    precision: 4,
    allowNegative: false,
    autoDecimalMode: true,
    distractionFree: { hideNegligibleDecimalDigits: false, hideCurrencySymbol: true, hideGroupingSymbol: true }
  },
  directiveName: 'decimal',
  componentName: 'DecimalInput'
}

Vue.use(VueCurrencyInput, options)
Vue.use(VueCurrencyInput, optionsDecimal)

但它不起作用，它只注册第一个配置。
我需要将其格式化为货币格式( options )和十进制格式( optionsDecimal )。我在第二个配置中更改了插件默认组件名称和指令名称，它仍然无法正常工作。
有可能以某种方式实现吗？

Answer 1

在@Ouroborus 评论之后，我只创建了一个全局配置，然后创建了一个导出第二个配置的模块，我像这样使用它:

import decimalInputConfig from '../../../plugins/decimal-input' // the module with optionsDecimal object
...
computed: {
  decimalInputConfig: () => decimalInputConfig
}

在模板中:

<v-text-field
  label="Test"
  v-currency="decimalInputConfig"
/>