Element和bootstrapVue是优秀的vue插件。如果我们也想参与插件开发,应该怎么做呢?Vue.use(plugin)注册插件//引用自官方apiVue.use(plugin)参数:{Object|Function}plugin用法:安装Vue.js插件。如果插件是对象,则必须提供安装方法。如果插件是一个函数,它将被用作安装方法。在调用install方法时,会将Vue作为参数传入。这个方法需要在调用newVue()之前调用。当同一个插件多次调用install方法时,该插件只会安装一次。可以看到官方概念解释的很清楚,我们来看一个例子来真正掌握。看项目的目录,不一定要和我的一样。项目目录这是最终实现的效果图。_用事物最终的样子写代码,会让你在前进的路上走得更远!_最终效果图,麻雀虽小,五脏俱全。以下是相关文件中的代码实现:在main.js文件中注册我们定义的插件,然后我们就可以在我们的项目中应用它们了。在App.vue文件中应用如下:最后获取位置页面中央的创建按钮。综上所述,创建按钮插件完成,我们再想一想:创建一个插件(组件)并在插件中添加一个install方法,并在install方法中编写相关的注册逻辑,例如:将插件注册为全局组件,以便在整个项目中使用。在实例化Vue之前使用Vue.use(plugin)注册你的插件。Onemorethinggenesisbuttonplugin已经完成,但是如何让它在npm上可用?你需要把它发布到npm上,这样全世界的人都可以使用你开发的插件。如果不知道怎么发布,欢迎在文章下方留言,我会酌情写相关教程。公众号回复进群,进群和大佬们交流技术微信公众号:我的web前端自救之路
