- 准备好组件待注册 如leftPanel.vue
export default {
name: 'the-camera-list'
}
- 准备一个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,
}
- 在vue入口文件main.js文件中引入index.js文件并使用
import Panel from './index.js' //将上面的index.js文件引入
Vue.use(Panel)
- 使用, 项目中任意一个地方都可以使用
<the-camera-list />