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'

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) 처럼 사용하면 된다





이 블로그의 인기 게시물

Postgresql에서 5432 port가 열려있냐는 문제(Ubuntu 기준)

vue에서 v-html에 포함된 class의 css가 적용되지 않는 경우

Linux screen 명령어 정리