查看 - 全局导入

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 - global import

javascript

import

global

vue.js