1.介绍
本文主要整理从开发到发布的流程,组件功能就不做介绍了
平时学习工作如果有好的想法,好的组件,好的功能,想要和他人分享或者自己保留。提价到仓库是一个办法但是总是不够便捷的,如果想直接安装使用可以选择发布到npm,今天就举例看看发布的流程!
2.项目搭建
我们以vue的组件封装滑块组件为例
1.目录结构
2.在components中正常开发组件,并且创建index.js来作为最后的入口文件
index.js 主要导出一个对象,包含install方法,在使用vue.use()时传入,会默认执行install方法,并且将vue作为参数传入,我们在此方法中将组件引入,并且注册为全局组件。
--index.js--
import SingleSlider from './SingleSlider'
const install = function (Vue) {
// 将组件进行挂载
Vue.component('SingleSlider',SingleSlider)
}</