自学vue 之使用vue-awesome-swiper轮播插件笔记

       最近,我正学习慕课网Dell Lee老师的Vue2.5开发去哪儿网App 从零基础入门到实战项目课程的实战篇,当使用swiper轮播引入插件时,我遇到了一个小小的bug,哈哈,其实也不算bug,我是按老师课程一步一步做的,按理应该不会有错,可真的报错,实属无奈,报错如下:

 

     仔细查看报错内容,swiper没有正确注册;于是我再一次认真观看老师的视频,也请教度娘,才发现引入vue-awesome-swiper这个插件的视频没有播放(可能被剪掉啦~),但是没关系,我们可以根据github仓库里的轮播插件引入详情将插件依赖包安装,并在主要入口文件main.js中引入相应文件入下图:

    1.在git命令工具中安装vue-awesome-swiper 依赖,用 npm install vue-awesome-swiper --save,在启动项目 npm run start

   2.在项目主要入口文件main.js中引入插件对应文件

    这样一来,轮播插件就可以正常引入,效果图如下:

注释:轮播插件引入详情 中摘要如下:

仅作为学习笔记,供大家参考。。。如有何建议,可发信息至我的邮箱[email protected],大家加油~

猜你喜欢

转载自blog.csdn.net/lha1995/article/details/81560648