vue公共组件库封装，打包成组件库供开始提高效率使用

Vue公共组件库封装，可以将常用组件封装成一个独立的组件库，供团队内部使用，提高开发效率和代码复用率。以下是一些步骤：

1. 创建一个Vue项目，用于打包组件库。

2. 在src目录下创建一个components文件夹，用于存放组件。

3. 创建一个main.js文件，用于注册所有组件，并导出一个install方法。

4. 在package.json中添加打包命令，如："build": "vue-cli-service build --target lib --name my-components src/main.js"。

5. 在组件中引入所需的Vue和其他库，如lodash等。

6. 编写组件，可以使用Vue的单文件组件或者普通的JS组件。

7. 在main.js中注册组件，并导出一个install方法，如下：

import MyComponent from './components/MyComponent.vue';

const components = [
  MyComponent,
  // 其他组件
];

const install = function(Vue) {
  if (install.installed) return;
  install.installed = true;
  components.forEach(component => {
    Vue.component(component.name, component);
  });
};

if (typeof window !== 'undefined' && window.Vue) {
  install(window.Vue);
}

export default {
  install,
  MyComponent
  // 其他组件
};

8. 执行npm run build命令，将组件库打包成一个umd模块，可以使用script标签或者import语句引入使用。

9. 在其他项目中引入组件库，并使用其中的组件，如下：

import MyComponents from 'my-components';
import 'my-components/dist/my-components.css';

Vue.use(MyComponents);

// 使用组件
<template>
  <my-component></my-component>
</template>