vue项目中导入swiper插件的方法

版本选择

swiper是个常用的插件，现在已经迭代到了第四代：swiper4。

常用的版本是swiper3和swiper4，我选择的是swiper3。

安装

npm i swiper  -S​​​​​​​

查看node包的所有版本号的方法：npm view 包名 versions

加载插件

import Swiper from 'swiper';
import 'swiper/dist/css/swiper.min.css';

组件内容

数据的获取

axios
 .get('/user?ID=12345')
 .then(function (response) {
  this.imgList = response;
 })
 .catch(function (error) {
  console.log(error);
 });

总结

swiper是我们平时很常用的插件，但将swiper导入vue项目中遇到的问题不少。最主要的问题是要搞懂vue的生命周期，这样才能有效地使用各种js插件。