# vueBase

**Repository Path**: isunsky/vueBase

## Basic Information

- **Project Name**: vueBase
- **Description**: vue +webpack 项目框架
本工程已集成bootstrap、jquery、axios网络框架、vue-router、mescroll下拉滚动插件、vueBus组件间通信（轻量级vuex）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2018-03-02
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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)=>{

                  

             });
```