vuejs制作背景淡入淡出切换动画的实例

[
 {
 "fileName" : "0.jpg",
 "imgURL": "static/bg/0.jpg"
 },
 {
 "fileName" : "1.jpg",
 "imgURL": "static/bg/1.jpg"
 },
 {
 "fileName" : "2.jpg",
 "imgURL": "static/bg/2.jpg"
 },
 {
 "fileName" : "3.jpg",
 "imgURL": "static/bg/3.jpg"
 },
 {
 "fileName" : "4.jpg",
 "imgURL": "static/bg/4.jpg"
 },
 {
 "fileName" : "5.jpg",
 "imgURL": "static/bg/5.jpg"
 },
 {
 "fileName" : "6.jpg",
 "imgURL": "static/bg/6.jpg"
 }
]

vue-resource用法 //用来获取图片的json数据
this.$http.get(url).then(respOnse=>{
  console.log(response.body);
 },respOnse=>{
 console.log(response.body);
 });
 }

import VueResource from 'vue-resource'
Vue.use(VueResource);

this.$nextTick(function () {
 .........
})

npm install velocity-animate --save -dev

import Velocity from 'velocity-animate'