Tenho uma aplicação em VueJs2, na qual tenho um app.js, aonde instâncio o Vue e faço os imports (Templates, plugins, etc). Acontece que alguns plugins/libs eu consigo utilizar normalmente dentro de componentes filho (axios, por exemplo), já outros eu preciso fazer o import/use novamente dentro do componente. Exemplo: Vuex.
Meu app.js
//Vue
import Vue from 'vue'
//Axios
import axios from 'axios'
//Vuex
import Vuex from 'vuex'
Vue.use(Vuex)
...
//Main
new Vue({
router,
render: h => h(App)
}).$mount('#app')
Nesse contexto eu consigo utilizar o axios dentro dos componentes, normalmente. Sem necessidade de "re-importar" dentro do componente. Ele fica global.
Um componente qualquer (importado no meu app.js e funcionando)
<script>
import BtnAction from './../helper/BtnAction.vue';
export default {
...
}
</script>
No contexto acima, se eu tentar usar um Vuex, eu não consegueria. Como já mencionado, eu conseguiria (e consigo) usar o axios ou outra lib.
Dessa forma dá certo
<script>
import BtnAction from './../helper/BtnAction.vue';
import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default {
...
}
</script>
Obrigatóriamente preciso inserir o Vue, inclusive. Se eu só importar o Vuex, ele acusa erro na falta do Vue.
O Vuex é só um exemplo. Ocorre com outras libs. Estou tendo essa dificuldade e não quero re-importar os plugins/libs... a não ser que realmente esse seja o jeito certo (e gostaria de saber pq no app.js não fica global).
Obrigado