全局注册插件和组件

Vue.use()是全局注册插件 ，Vue.component()是全局注册组件

在main.js页面引入

 

封装插件

import MyLoading from './Loading.vue'

// 这里是重点

const Loading = {

    install: function(Vue){

        Vue.component('Loading',MyLoading)

    }

}

// 导出组件

export default Loading

 

注册组件

import Vue from 'vue'

import App from './App.vue'

// 引入element-ui组件

import ElementUi from 'element-ui'

import 'element-ui/lib/theme-default/index.css'

// 引入自定义组件。index.js是组件的默认入口

import Loading from '../components/loading'

Vue.use(Loading);

Vue.use(ElementUi);

new Vue({

  el: '#app',

  render: h => h(App)

})