Vue-全球进口

Question

我使用

import {mapFields} from "vuex-map-fields"

在每个组件中。

如何在不必导入的情况下使其在每个组件中都可用？这有风险吗？

Answer 1

如果你想全局地使用它，你必须在Vue实例中注入它与我们使用vuex 时相同

main.js

import Vue from 'vue'
import store from './store'
new Vue( {
el: '#app',
store,
render: h => h( App )
} );

则在任何组件中都可以CCD_ 1；你应该能够看到你的对象

Answer 2

您可以使用Vue.prototype，如下所示。。

[src/main.js]

import { mapFields } from 'vuex-map-fields';
...
Vue.prototype.$mapFields = mapFields; 

那么在任何组件中都可以使用它$mapFields(…(函数！

[在任何组件中]

<template>
......
</template>
<script>
export default {
computed: {
...this.$mapFields({
userFirstName: 'user.firstName',
userLastName: 'user.lastName',
}),
},
};
</script>

此代码中没有风险。。。