如何在Vue项目中优雅的使用swiper插件

本文即将迁移至个人网站  程序员导航站 - 博客栏 无任何广告，用户体验极好，观感极佳。欢迎各位大哥将其设为首页。

求您了，设个浏览器首页吧！====》 https://iiter.cn

开始之前，请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~)

1.npm命令安装swiper

npm install swiper --save-dev

2.在需要用到swiper插件的组件中引入swiper

import Swiper from "swiper"

3.在组件style中引入swiper插件的css(根据自己的项目路径选择)

4.在methods方法里面初始化swiper插件

5.在created钩子函数里面调用

OK......