我的函数是/mixins还是/plugins？

Question

如果我使用的是一个外部包，例如，vue-js-modal。我把它导入/plugins/vue-js-modal.js

import Vue from 'vue'
import VModal from 'vue-js-modal'

Vue.use(VModal)

现在假设我有一个使用vue-js-modal的函数，我想在下面几个不同的组件中使用这个函数：

function showHideModal(showModalName = null, hideModalName = null) {
    if (hideModalName) {
        this.$modal.hide(hideModalName)
    }
    if (showModalName) {
        this.$modal.show(showModalName)
    }
}

这个函数是存储在/plugins/vue-js-modal.js中还是应该放在它自己的/mixins/showHideModal.js文件中？在这里哪一个更合适，为什么？

Answer 1

根据插件网站上的Nuxt.js文档：

Nuxt.js允许您在实例化根Vue.js应用程序之前定义要运行的JavaScript插件。在使用Vue库、外部模块或您自己的插件时，这一点尤其有用。

因此，如果您想使用外部模块，最好将它们存储/启动在插件中，而如果您希望组件具有可重用的功能，则使用Mixins，然后将函数和组件“混合”在一起。

阅读更多关于混合器这里的信息。