引入Swiper和JQ等文件

最新推荐文章于 2023-09-17 00:53:40 发布

Kiri_To

最新推荐文章于 2023-09-17 00:53:40 发布

阅读量1.3k

点赞数

文章标签：引入各种插件

本文链接：https://blog.csdn.net/Kiri_To/article/details/94429430

版权

在Vue工程化中会下载各种插件如JQ、animatecss等。

一、引入swiper

下载swiper
在这里插入图片描述
下载后可在package.json查看开发依赖中是否安装

也可下载特定版本最后会讲解
cnpm安装完后可以在人口文件main.js中引入也可以只在需要的页面组件引入
css的路径在mode_modules中找到swipew再找到相应的css样式引入路径即可（引入.css）
在这里插入图片描述

加入选项，可在官网进行更改Swiper中文网

加入样式：

	<template>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">slider1</div>
					<div class="swiper-slide">slider2</div>
					<div class="swiper-slide">slider3</div>
				 </div>
			</div>
	</template>
	
	<script>
		export default{
			mounted (){
				var mySwiper = new Swiper('.swiper-container', {
						autoplay: true,//可选选项，自动滑动
					})
				}
			}
	</script>