vue案例改造

这是第一个改造的案例，仅根据自己所学的进行部分的重写
首先拿到公司的之前的奥克斯的一个主页。这个主页比较简单，结构简洁，特效全是css3
很适合做第一个改写的案例。
说干就干
1.banner部分配合swiper插件的改写

这里用到了swiper插件，只要写对html结构，已经样式再调用swiper实例就行了
那么用Vue该如何写呢？
这种多个相同的结构的第一时间就想到了v-for，
首先先new一个vue实例吧
再模拟下数据写个json文件

这个实例里图片显示是用背景的形式，这和平常直接插入图片有点不同。
那就简单粗暴给五个设置背景

背景样式设置好就该去改写html部分啦

v-for 遍历，绑定一个key值，并用v-bind 绑定一个swiperlist的样式
在vue实例里面data里面定义一个空数组

在motheds里面定义一个填写数据的方法：

在mounted里面再调用这个函数：

这样初步的结构就渲染到页面上啦