使用背景介绍
自己封装一个方法,在全局直接通过 this.+ 自己封装的组件名 去使用。使用背景vue2前端
步骤
第一步:在src目录下创建一个"plugins"文件夹,下面创建"index.js"文件用来放置你写的自定义插件,像图中的另外四个js文件,都是自定义插件,效果如图:
![Alt](https://img-blog.csdnimg.cn/direct/834475fd6bb543e982e371aa5ae49289.png#pic_center)
第二步:封装自己的插件,效果如图(以后想要消息弹窗可以通过 this.$msg(“你需要提示的消息”) 来操作
最好用export default{}的方法导出
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/2b98e46239474fad906ca35b017833ca.png#pic_center)
第三步:在index.js中导入写的所有插件
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/17c6093ddcff456aaf1a303791e1983c.png#pic_center)
第四步:在main.js中导入,并引用
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/271476a97f454261bfa881ad46637b89.png#pic_center)
然后就可以通过全局调用了