创建你自己的vue组件库

组件要素有 style guide， css命名规范可以遵循BEM方式，组件通讯主要依靠slot和props

发布方式有打包式：

源码式

具体的操作过程，使用vue脚手架创建一个普通的vue项目

修改package.json中的这两项设置

将自定义的组件都在index.js中导出

如果是boundled code的方式，代码是类似这样的

import Button from './components/Button';
import Label from './components/Label';

export default {
  install:function(Vue){
    Vue.component("Button",Button);
    Vue.component("Label",Label);
  }
}

使用npm publish发布组件库

启动另一个vue业务项目，在该项目中安装自定义组件库 ，在需要的地方import自定义组件即可。 如果出现使用组件时报错的情况 很可能是组件库中使用了某个包，但是该包并没有在业务项目中安装过，解决这个问题，到在组件库项目的package.json中将牵扯到的包名移动到的peerDenpendencies中 重新发布组件库 ，重新安装组件库 重启项目即可。

如果是boundled code的方式，调用代码是类似这样的

相关源码：https://github.com/lilugirl/vue-library-raw-demo

https://github.com/lilugirl/vue-library-bundled-demo