使用vue-awesome-swiper过程中，我们该如何自定义轮播图的页数，将剩余的内容分布到下一张轮播图呢？如下图，
第一张：
第二张：
这个时候，我们可以使用vue的computed属性来自定义轮播图的页数，
Vue.js在模板表达式中限制了，绑定表达式最多只能有一条表达式，但某些数据需要一条以上的表达式运算实现，此时就可以将此数据放在计算属性（computed）当中。
如何用computed来自定义呢？请看下图
控制台显示结果如下：
然后我们只要在页面中将获取的数据渲染出来即可，附上源码：
<template>
<div >