vue中引入swiper

第一步 在对应控制台安装swiper
npm install swiper
如果在你的package.json文件的dependencies下看到了swiper代表你已经安装成功了。
第二步 引入js文件
在script 标签下写
import Swiper from “swiper”
即可
第三步 引入css文件
在style标签下写
@import ‘swiper/dist/css/swiper.css’;
如果再给你报错说没有引入文件，或者你从官网粘贴的代码中有undefinded，那么极有可能是你下载的版本中没有dist文件夹。
你只需要在node_module找到swiper下面的css文件夹，看看你需要的swiper.css文件是不是在这里。如果是的话，那么你的引入需要改为
@import “~swiper/css/swiper.css”

这个时候你的js css文件都引入成功啦。