vue 全局组件原

Posted 2021-02-01 tongbiao

1.目录

2.内容 -Loading.vue

<template>
    <div class="loading">
        loading...
    </div>
</template>

　　

2.内容 -index.js

import MyLoading from ‘./Loading.vue‘
const Loading = {
    install: function(Vue){
        Vue.component(‘Loading‘,MyLoading)
    }
}
export default Loading

3.引入-main.js

import Loading from ‘@componentUtils/loading/index.js‘//全局组件
Vue.use(Loading);

4.使用

 <Loading></Loading>

5.end