vueBase: vue +webpack 项目框架本工程已集成bootstrap、jquery、axios网络框架、vue-router、mescroll下拉滚动插件、vueBus组件间通信（轻量级vuex）

# vueBase
vue +webpack 项目框架
本工程已集成bootstrap、jquery、axios网络框架、vue-router、mescroll下拉滚动插件、vueBus组件间通信（轻量级vuex）

网络请求
```
 var obj = new Object()
obj.username = this.username;
obj.pwd = this.pwd;
 this.$http.post(this.utils.baseUrl+'/apiCheckUser', obj)
    .then(function (response) {
        console.log(response);
        var data = response.data;
        if(data.code ==1)
        {
           
  
        }
        else{
            
          
        }

})
    .catch(function (error) {
        console.log(error);
    });
```

下拉刷新上拉加载更多列表
```
  参考官网相关文档 ：http://www.mescroll.com/index.html
          var mescroll = new MeScroll("mescroll", { //第一个参数"mescroll"对应上面布局结构div的id
            //如果您的下拉刷新是重置列表数据,那么down完全可以不用配置,具体用法参考第一个基础案例
            //解析: down.callback默认调用mescroll.resetUpScroll(),而resetUpScroll会将page.num=1,再触发up.callback
        down: {
          callback: downCallback //下拉刷新的回调,别写成downCallback(),多了括号就自动执行方法了
        },
        up: {
          callback: upCallback , //上拉加载的回调
          isBounce: false //如果您的项目是在iOS的微信,QQ,Safari等浏览器访问的,建议配置此项.解析(必读)
        }
      });
            
          //方法三(推荐): 您有其他方式知道是否有下一页 hasNext
          //必传参数(当前页的数据个数, 是否有下一页true/false)
          //mescroll.endSuccess(curPageData.length, hasNext);

//联网失败的回调,隐藏下拉刷新和上拉加载的状态
          mescroll.endErr();
```

vueBus 事件参数传递 
```
 事件发送  多个参数
    $bus.emit('setTitle',参数1,参数2);

事件接受   
      this.$bus.on('setTitle',(参数1,参数2)=>{

});
```

yufou/vueBase

简介

发行版

贡献者

近期动态

yufou/vueBase .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

yufou/vueBase