vue 플러그인 제작 및 사용 2가지방법

vuejs.org/v2/guide/plugins.html#ad

Plugins — Vue.js

 

1. install 메소드를 이용한 방법

plugins - ChartPlugin.js 생성

 

 

import Chart from 'chart.js';

 

export default {

install (Vue){

  Vue.prototype.$_Chart = Chart;

   }

}

 

main.js 내 위에 파일 임포트 및 사용

import ChartPlugin form './plugins/ChartPlugin.js';

 

Vue.use(ChartPlugin);

 

 

barChart.vue(다른 vue파일) 파일내에서 접근

다른곳에서 이제 import 없이 바로 this.$_Chart로 접근하여 사용할수 있다.

2. 바로main.js안에 선언하는 방법

util.js (함수들을 모아놓았음)

export function startCursor() {
	this.$refs.cursor.focus();
}

 

main.js 

import { startCursor } from '@/utils/util';

Vue.prototype.$_startCursor = startCursor;