Vue - глобальный импорт

Question

Я использую

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

в каждом компоненте.

Как я могу сделать это доступным в каждом компоненте, не импортируя его?Есть ли риск для этого?

Answer 1

вы можете использовать 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>

В этом коде нет рисков ...

Answer 2

если вы хотите глобально, то, что вам нужно сделать, это внедрить в экземпляр Vue так же, как мы делаем, когда используем vuex

main.js

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

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

тогда в любом компоненте вы можете console.log(this);Вы должны увидеть свой объект