vue2 自定義全局組件（Loading加載效果）

vue2 自定義全局組件（Loading加載效果）

github地址： https://github.com/ccyinghua/custom-global-component

1、構建項目

vue init webpack-simple custom-global-component
cnpm install
npm run dev

一、自定義vue組件，首先要建立組件文件，在loading文件夾中Loading.vue直接按照vue template相關規則寫便可

二、建立Loading.vue組件以後，要創建相關的js調用這個Loading.vue,進行相關配置後導出使用。index.js中中間部分配置最爲重要，

主要文件index.js代碼：

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

說明：Vue.component('Loading',LoadingComponent);中的'Loading',
這個命名就是在其餘文件中調用這個組件的名字，例如調用這個loading能夠寫成<Loading></Loading>

三、使用這個組件