vue-cli -- vantUI按需加載

1、引入loading組件(想引入幾個組件，就在{}里面寫入幾個組件)

import { Loading } from 'vant'

2、注冊loading組件(有幾個組件，就在component里面按照樣子寫幾個)

export deafault = {
    components: {
        [Loading.name]: Loading
    }
}

3、調用loading組件

<div class="loading" v-if="isLoading">
        // 調用組件
	<van-loading type="spinner" size="80px"></van-loading>
</div>
// type是vant里loading組件的類型
// size是vant里loading組件的大小

4、設置loading樣式

#html {
    height: 100%;
    position: relative;
    .loading {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background-color: rgba(255,255,255,1);
        .van-loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
}