vue——自定义组件

vue的自定义组件：

一、在components文件夹下面建立自定义组件的相关文件：index.js、loading.vue，index.js：是为了定义组件文件，loading.vue：组件的展示

二、index,js：里面写的是如何定义组件

import loadingComponent from './Loading.vue';//引入组件
const loading = {                                 //定义Vue上面有这样一个组件
    install:function(Vue){
        Vue.component("loading",loadingComponent);
    }
}
export default loading;                        //导出

loading.vue：里面写的是组件的样式（这里就不展示了）

三、使用自定义组件

在main.js里面引入自定义的组件，在下面导出，就可以在子组件里面使用自定义的组件了

import Vue from 'vue';
import App from './App.vue';
import loading from './components/loading'; //引入自定义的组件
Vue.use(loading);
new Vue({
  el: '#app',
  loading,
  render: h => h(App)
})

子组件里面使用自定义的组件

git地址：https://github.com/hhhzzy/vueCustomizeCom

vue——自定义组件

推荐阅读