html var that = this；

this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，this代表的是当前对象，只能在函数内部使用。
var that=this就是将当前的this对象复制一份到that变量中。
this对象在程序中随时会改变，而var that=this之后，that没改变之前仍然是指向当时的this，这样就不会出现找不到原来的对象。

$(‘#conten').click(function(){
    //this是被点击的#conten
    var that = this;
    $(‘.conten').each(function(){
    //this是.conten循环中当前的对象
    //that仍然是刚才被点击的#conten
    });
});

在javascript中，this用以指代当前对象，但是this却不是固定不变的。例如在this.query中，此时的this是指app这个实例本身。而this.musicList中的this指代的实际上是axios的回调函数本身，所以此时你在回调函数中，使用this.musicList必然是找不到相应的属性的，因为axios回调函数本身没有musicList这个属性。所以，我们要在使用回调函数之前将app实例中的属性存储给一个其他值，也就是用that指向this。此时，that即代表app这个实例，this代表axios的回调函数。所以这个时候我们的that.musicList即可以找到相应的属性。同理，当我们的methods在定义函数中自定义了其他函数或者使用其他函数代替了axios回调函数的位置，同样回出现this.musicList找不到属性。

var app=new Vue({
    el:"#player",
    data:{
        query:"五月天",
        musicList:[]
    },
    methods:{
        searchMusic() {
            var that=this;
            axios.get("url" + this.query).then(
                function (res) {
                	this.musicList=res.data.result.songs;
                    that.musicList=res.data.result.songs;
                }
            ).catch(function (err) {
                console.log(err);
            })
        }
})