Vue global import

vue global import 방법입니다.

프로토타입을 이용해 vue 인스턴스 변수로 등록하면 모든 컴포넌트에서 사용할 수 있습니다.

 

main.js

import io from 'socket.io-client';
const socket = io('http://localhost:4000');
Vue.prototype.$socket = socket;

 

dashboad.vue (컴포넌트)

mounted(){
	this.$socket.on("data", fetchedData => {
		console.log(1);
	});
}

 

 keyword : vue global import, vue global socket io, vue prototype, vue 글로벌, vue 전역변수, vue socket io