vue全局组件

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引入,风格统一,给别人用方便
main.js里面

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

Icon.vue


在Loading/index.js添加install方法

import MyIcon  from './Icon.vue'

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

export default HdIcon

你可能感兴趣的:(vue全局组件)