Vue -为根组件和所有子组件制作帮助器

Question

请有一种方法来创建一个辅助功能的根组件在vue，也使该功能在所有子组件访问?

Answer 1

您可以创建辅助函数并将其用作插件。如果你正在使用nuext .js，你可以在插件中创建helpers.js，并在nuext .config.js文件中注册。

import Vue from 'vue'
import helpers from './helpers'
const plugin = {
install () {
Vue.prototype.$helpers = helpers
}
}
Vue.use(plugin)

在helpers.js中，你可以定义所有的helper函数。

export default { 
cloneObj(val) {
return JSON.parse(JSON.stringify(val));
}
};

然后你可以在任何子组件中使用它，像这样:

this.$helpers.cloneObj()

Answer 2

你需要将它存储在一个单独的文件中，因为将它作为道具从一个组件传递到另一个组件是令人沮丧的，这就是为什么像Vuex这样的状态管理是一个更好的解决方案的主要思想，因为它提供了一个集中的状态管理，你可以从任何组件访问