Nuxt.js/Vue.js 에서 전역 함수를 사용할 때
좋은 방법인지는 모르겠지만 나는 이렇게 사용중
1. js 파일 작성
예를 들면 아래 같이 assets/js/common.js 파일 하나를 작성
export function sum (a, b) {
return a + b;
}
2. 플러그인 파일 작성
plugins 디렉토리에 아래처럼 플러그인 파일 작성. 이름은 예를 들면 global.js
import Vue from 'vue'
import * as Common from '../assets/js/common'
import * as Common from '../assets/js/common'
Vue.prototype.$common = Common
3. 플러그인 등록
nuxt.config.js에 아래처럼 플러그인 등록. ssr 설정은 옵션
plugins: [{src: '~/plugins/global.js', ssr: false},
]
4. 컴포넌트에서 사용
html에서는 $common.sum(1, 2) 처럼
script에서는 this.$common.sum(1, 2) 처럼 사용하면 된다