vue模块化全局引入自定义组件

这是项目目录

1.定义自己的组件

<!--例-->
<template>
	<div>123456</div>
</template>

2.在components下新建index.js组件入口文件（和自定义组件放在一个文件里，比较好找一点），用来暴露组件

//导入刚刚定义的组件
import Table from './table.vue'
//初始化
const component = {
  install: function (Vue) {
  	//定义全局组件，如果还有更多的组件，就在这写
    Vue.component('Table', Table)
    ...
  }
}
//暴露组件
export default component

3.在入口文件main.js，引入index.js文件

// 引入组件入口文件index文件
import Index from '@/components/index.js'
// vue导入
Vue.use(Index)

例：

<Table></Table>