全局注册组件

方法1、全局组件Vue.component(tagName, options)，自己用

在main.js直接引入

import Vue from 'vue'
import VueRouter from 'vue-router'
import VueResource from 'vue-resource'

Vue.use(VueRouter)
Vue.use(VueResource)

import MyIcon from 'components/common/Icon' //引入
Vue.component('HdIcon', MyIcon)  //注册

方法2、用Vue.use引入，风格统一，给别人用方便

1、main.js里面

import HdIcon from '../components/Icon'
Vue.use(HdIcon);

2、在Icon.vue写自己的组件

<template>

</template>

3、在Loading/index.js添加install方法

import MyIcon  from './Icon.vue'

const HdIcon = {
  install:function(Vue){
    Vue.component('HdIcon',MyIcon)
  }
};

export default HdIcon

作者：懒羊羊3号
链接：https://www.jianshu.com/p/49604d6b9015
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。