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

Share Improve this question Follow asked Dec 4, 2018 at 9:27 TommyDTommyD 1,04355 gold badges1919 silver badges4040 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

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...