vue中自定义注册全局组件

1. 准备好组件待注册 如leftPanel.vue

export default {
	name: 'the-camera-list'
}

2. 准备一个index.js文件待绑定组件

import leftPanel from './leftPanel.vue'
import rightPanel from './leftPanel.vue'

const components = [leftPanel, rightPanel]
const install = function (Vue, opts = {}) {
	components.forEach((component) => {
		Vue.component((component.name, component); // 以组件的名称注册
	});
};
export default {
	install,
}

3. 在vue入口文件main.js文件中引入index.js文件并使用

import Panel from './index.js' //将上面的index.js文件引入
Vue.use(Panel)

4. 使用， 项目中任意一个地方都可以使用

<the-camera-list />