在Vue项目中使用自定义loading

        首先在components下创建loading页面。

         

loading 页面如下：

<template>
  <div class="markbox" v-show="loading">
    <div class="close" @click="closeLoading"><i class="el-icon-close"></i></div>
    <div class="loading"></div>
  </div>
</template>
 
<script>
export default {
  name: "loading",
  data() {
    return {
      loading: false,
    };
  },
  created() {
    this.bus.$on("loading", (data) => {
      this.loading = data;
    });
  },
  methods: {
    closeLoading() {
      this.bus.$emit(