mui 结合vue 轮播图+列表+分页加载+刷新(二)

上一篇实现了轮播图的加载,本篇再继续丰富页面,添加mui的列表以及下拉刷新,上拉加载更多的功能,
mui的刷新加载参考官方文档
文档地址:http://dev.dcloud.net.cn/mui/pulldown/
贴出完整代码

    
    
    
    
    
    
    
    
    
    

  
     

  

      
      




  






  



  







  



  







  



  



  

  


  

  






  




    
    

        

        
            
            

                {{ item.author }}
                
{{ item.title }}
            
        
      
    
  

  
    
    

需要注意的点:
文档中说结束下拉刷新是这样写的

//注意，加载完新数据后，必须执行如下代码，注意：若为ajax请求，则需将如下代码放置在处理完ajax响应数据之后
     //没有更多内容了，endPulldown 传入true， 不再执行下拉刷新
     mui('#refreshContainer').pullRefresh().endPulldown();

我第一次使用时候浏览器直接报错了,说没有这个方法,然后看了mui项目模板中的写法是下面的这种

mui('#refreshContainer').pullRefresh().endPulldownToRefresh(true);