간단한 event Bus 등록 및 사용예

1.src 폴더 - utils폴더 - bus.js 생성

 

 

- bus.js  간단한 생성

import Vue from "vue";

export default new Vue();

 

 

- 보낼 파일내 ex) mixins.js 

.then(() => {

        console.log("fetchlset");

        bus.$emit("end:spinner");

      })

 

 

 

-받을 파일내  ex) App.vue

<template>

       ....

  <spinner :loading="loadingStatus"></spinner>

       ....

</template>

 

  created() {

    bus.$on("start:spinner", this.startSpinner);

    bus.$on("end:spinner", this.endSpinner);

  },

  methods: {

    startSpinner() {

      this.loadingStatus = true;

    },

    endSpinner() {

      this.loadingStatus = false;

    },