index.js

Vue = require('vue/dist/vue.common.js');
VueRouter = require('vue-router');
VueLazyload = require('vue-lazyload');

Vue.use(VueRouter);

const Home = {
  name: 'home',
  template: "<div class=\"img\" v-lazy:background-image=\"'http://placehold.it/400x100'\"></div>" 
};
const Foo = { 
  name: 'foo',
  template: "<div class=\"img\" v-lazy:background-image=\"'http://placehold.it/400x200'\"></div>" 
}
const Bar = { 
  name: 'bar',
  template: "<div class=\"img\" v-lazy:background-image=\"'http://placehold.it/400x300'\"></div>" 
}

const routes = [
	{
  	path: '',
    component: Home,
  }, {
  	path: '/one',
    component: Foo,
  }, {
  	path: '/two',
    component: Bar,
	},
];
  
const router = new VueRouter({
  mode: 'abstract',
  routes: routes,
});

Vue.use(VueLazyload, {
  preLoad: 1.8,
  error: false,
  loading: false,
  attempt: 3,
  supportWebp: false,
});
  
const app = new Vue({
  el: '#app',
  router,
  data: {
    message: 'Hello Vue.js!'
  }
});

app.$Lazyload.$on('loaded', () => {
  console.table(app.$Lazyload.performance());
});

package.json

{
  "name": "requirebin-sketch",
  "version": "1.0.0",
  "dependencies": {
    "vue-router": "2.3.0",
    "vue-lazyload": "1.0.0-rc12",
    "vue": "2.2.1"
  }
}

page-body.html

<div id="app">
  <router-link to="/">Home</router-link>
  <router-link to="/one">One</router-link>
  <router-link to="/two">Two</router-link>
  <router-view></router-view>
</div>

<style>
#app {
  height: 400px;
  overflow-y: scroll;
}
  
.img {
  width: 400px;
  height: 600px;
}
</style>