I use

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

in every ponent.

How can I make this available in every ponent without having to import it? Is there any risk to this?

I use

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

in every ponent.

How can I make this available in every ponent without having to import it? Is there any risk to this?

• javascript
• vue.js
• import
• global

2 Answers 2

if you want it globally what you have to do it's inject in the Vue instance same way that we do when we use vuex

main.js

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

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

then in any ponent you can console.log(this); you should be able to see your object

you can use Vue.prototype as follows..

[src/main.js]

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

then in any ponent you can use this.$mapFields(...) function!

[ in any ponent ]

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

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

There is no risks in this code...