a.vue基础入门项目实战——（awesome-vue、image require、slide实现）实战04

目录

✎？什么是awesome-vue

slide自我实现

✎？如何将信息传到slideShow.vue中

图片使用（require）

✎ 实现动画

vue内容

​如何绝对定位（translateX）

---

• ✎？什么是awesome-vue

1. 查找vue组件方式(包含了很多一些人自己写的路由等组件)

https://github.com/vuejs/awesome-vue

如：本博客中将使用到幻灯片（slider），在下方中随便选一个就行，我选择了vue-easy-slider。

在里面我们会看到关于库的说明，这都是用户自己贡献出来的一些组件(star)。

• slide自我实现

我们都知道vue是有一层根组件，然后一层一层向下发展的结构，index.vue就是根组件的分支，index.vue里面的组件就是它的子组件；

1. 1 编写slideShow.vue之后想要把slideShow作为一个子组件插入到index.vue中

1、import
import slideShow from '../components/slideShow'

2、引入components
export default {
		components:{
			slideShow,
		},
...

3、使用
<slide-show></slide-show>

1. 2 效果

1. 3 回顾组件之间的交互