代码的编写

1.当图片的大小大于div是，我们可以使用背景图加上“background-size=100%”，那么图片就会完全填充与div中。
代码：

    background: url("../images/userJoin/coverage3.png");
    background-size: cover;

2.字体类型设置
使用的是英文，中文一般不支持；而且不能单独拿出来使用，需要和别的属性一起使用
代码：

     font: px(22.5) MicrosoftYaHei;

3.请求的优先级较低（axios和http）

this.$http(url,par).then(function(data){
    alert(100);
}
alert(200);

先输出200，在输出100；

4.使用overflow建立一个有可滑动的div，但是我们在手机端会有右侧的滚动条，我们不需要这个滚动条。
解决方案：
在两个div之间在添加一个div，比如说在div1和div3之间添加一个div2，来达到隐藏滚动条的效果。

.div1 .div3{
    width: 200px; height: 200px;
}
.div1 {
    position: relative;
    overflow: hidden;
}
.div2 {
    position: absolute; left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

 /* for Chrome */
.div2::-webkit-scrollbar {
    display: none;
}

这样就ok了

5.ajax和vue的http都是异步加载，自定上下时，如果有异步加载，不会因为没有加载完就会停止，会继续执行下面的语句。如果加载速度够快的话，异步就和同步的性质一样（理论上有可能，但是一般都不行的）。

$.ajax({
        url: url,
        data: {},
        success: function (res) {

        },
        error:function(){

        }
    });

this.$http.get(url).then(function (){

            },function(){

            });

还有一点，同一个json，使用ajax加载，和使用http加载，得到的结果不一样。http需要解析一层body才能得到和ajax的一样。

6.form 表单提交。可以使用动态添加action
使用方式是在提交的地方设置一个click事件，然后写一个参数，参数必须是this.form （我目前所知道的），然后可以在click事件写 e.action = “你想提交的地址”。
代码：

check: function(e){
            e.action = "walk_school.html";
        }

 <input type="submit" value="提交" class="submit" @click="check(this.form)"/>

7.使用v-for给img的src赋值

v-bind:src="data.img"

直接使用v-bind

8.使用vue结合mint-ui的loadmore组件搭建一个上拉刷新，下拉加载的界面。一定要在最外层的样式设置overflow: scroll;不然你只能各刷一次。

<mt-loadmore :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" :max-distance="150" ref="loadmore">
</mt-loadmore>

同时这边博客对于这个组件写的蛮好的
mint-ui的loadmore组件详情