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 )
} );

然后可以在任何组件中console.log(this)；您应该能够看到您的物体

Answer 2

您可以按如下方式使用Vue.prototype。

[src / main.js]

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

然后在任何组件中都可以使用this。$ mapFields（...）函数！

[在任何组件中]

<template>
......
</template>

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

此代码没有风险...

Vue-全球导入

2 个答案: