首先写个子组件用来放刷新的内容，命名为pull（可以看例子最后面放的。）
然后再要刷新的页面引用
Box container">
Box1">
价格 //点击价格会排序
Box2">
<pull up="true" down="true" @up="next" @down="shuaxin" ref="pull">
<div class="mui-row mui-col-xs-12 mui-clearfix">
<span class="mui-col-xs-6" v-href="{name:'商品详情'}" rel="external <a href="/tag/nofollow/" target="_blank" class="keywords">nofollow</a>" v-for="item in list">
<div class="img"><img v-bind:src="item.goods_image"/></div>
<h4>{{item.goods_name}}</h4>
<p class="red1">￥{{item.goods_price}}</p>
</span>
</div>下面是命名为pull的子组件。
Box" v-bind:style="{top:top+'px'}">
tab的一个例子
<div class="fbjBox">
<div class="fbjBox1">
<tab ref="tab" :list="['一级合伙人'+count,'二级合伙人']" width="50%" @change="tabchange" />
<div class="fbjBox1">
<tab ref="tab" :list="['一级合伙人'+count,'二级合伙人']" width="50%" @change="tabchange" />
Box2">
一级合伙人总数{{count}}人
{{item.identity}}
</ul>
</template>
<template v-if="list!=null&&tab==1">
<h4 >二级合伙人总数{{count}}人</h4>
<ul class="mui-table-view clear">
<li class="mui-table-view-cell mui-media" v-for="item,index in list">
<div class="mui-media-body" v-cloak>
{{type(index)}}人数<p class="mui-pull-right">{{item}}</p>
</div>
</li>
</ul>
</template>
<!--<template v-if="list==null">
<div class=" mui-text-center" style="padding: 50px;">
<span class="mui-spinner"></span>
</div>
</template>-->
<template v-if="list==[]">
<div>暂无下线</div>
</template>