一、写插件
1、以下示例将实现一个vueComponents插件,插件的内容是显示红色的vue components字体。记得写插件的name属性，后面install的时候会用到。
2、根据官网插件开发的介绍（cn.vuejs.org/v2/guide/pl…
3、给package.json中加入main属性
4、执行npm pack，目录中多了一个压缩文件
5、将文件上传到npm上，如果测试阶段可以直接使用这个压缩文件
二、用组件
1、npm install 插件名（components） 或者 直接将上面生成的压缩包复制到该项目中使用，package依赖中引入该插件，再执行npm install。此刻node_modules中会增加一个以插件名命名的文件夹（components）。现在选用第二种方式。
3、页面中可以直接引用vueComponents插件，页面中就显示了红色的vue components的文字了。
三、说明
根据以上两步，已经完成了一个简单的vue插件的开发。现在具体说一下代码是怎么执行的。每次npm install时，会根据package.json文件进行依赖的安装。当Vue.use(vueComponents)时，会执行vueComponents插件的package.json中main字段对应的文件，main字段对应的文件应该包含一个install方法，将插件注册到vue中。因为注册时的代码为 Vue.component(vueComponents.name, vueComponents); 所以插件要有name字段才行。 以上示例地址： github.com/shona-wang/…
