Vue引入第三方

第三方的一些组件非常多，也非常强大，业务效果也非常好。

## 获取方式
- github搜索，如vue swiper
- [官网vue2]()的资源列表中有给，https://github.com/vuejs/awesome-vue 注意看是否vue3版本可用

## 轮播图插件`Swiper`
- 开源、免费、强大的触摸滑动插件
- 纯js打造的滑动特效插件，面向手机、平板电脑等移动终端；
- 能实现屏幕焦点图、触屏Tab切换、触屏轮播图切换等常用效果

> 官方文档：http://swiperjs.com/vue
安装指定版本：npm install --save swiper@8.3.2

## 示例
- 创建组件lunbotu.vue

```html
<template>
	<div class="hello">
		
		<swiper :modules="modules" :pagination="{ clickable: true }">
			<swiper-slide>
				<img src="../assets/1.webp" alt="">
			</swiper-slide>
			<swiper-slide>
				<img src="../assets/1.webp" alt="">
			</swiper-slide>
			<swiper-slide>
				<img src="../assets/1.webp" alt="">
			</swiper-slide>
		</swiper>
	</div>
</template>

- App.vue主入口中引用它

```html
<script>
import lunbotu from './components/lunbotu.vue'

export default{
	name: "App",
	data(){
		return{
			title:"我是一个标题，传递参数",
			age: 20
		}
	},
	components:{
		lunbotu
	}
}
</script>

```