[Vue] 라이브러리 전역에서 사용하기

 Vue 전역 라이브러리

 

예를들어, axios를 전역에서 사용하고 싶다면 일단 설치를 한다.

yarn add axios

 

그리고 main.js에서 셋팅해준다.

main.js

import { createApp } from 'vue'
import App from './App.vue'
import axios from 'axios'
let app = createApp(App)
app.config.globalProperties.axios = axios;

app.mount('#app')

app.config.globalProperties.는 글로벌한 변수보관함으로

보관함에 { axios : axios } 추가한 것이다.

그리고 app이라는 변수로 받았기 때문에 createApp(App)을 app으로 수정해주면 된다.

 

자주 쓰는 라이브러리를 등록해서 사용하면 모든 컴포넌트에서 import 해올 필요 없이 this.axios로 사용가능하다.