vue 在main.js中配置全局的通用公共组件

1、在main.js中直接引入并注册

main.js引入并注册

import Loading from './components/Loading.vue';
Vue.component('Loading', Loading);

2、页面中使用组件

html中使用：

<template>
   <div class='wrapper'>
       <Loading  :ready="ready"></Loading>
   </div>
</template>
export default {
  name: "index",
  data() {
    return {
      ready: false,
    };
  },
  created() {
   // 这里是为了模拟改loading的显示和隐藏用的函数
    setTimeout(() => {
      this.ready = true
    }, 3000);
  },
  computed: {},
  methods: {
  },
};
</script>