Vue - 全局导入

Question

我用

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

在每个组件中。

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

Answer 1

如果你想要全局，你必须做的就是注入到 Vue 实例中，就像我们使用 vuex 时所做的那样

主文件

import Vue from 'vue'
import store from './store'

new Vue( {
  el: '#app',
  store,
  render: h => h( App )
} );

然后在任何组件中，您都可以console.log(this)；你应该能够看到你的对象

Answer 2

你可以使用 Vue.prototype 如下..

[源代码/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>

这段代码没有风险......