Axios无法设置数据

这是我的数据：

data: function(){
    return {
        contas: [{id: 3,
            nome: "Conta de telefone",
            pago: false,
            valor: 55.99,
            vencimento: "22/08/2016"}] //debug test value
    };
},

这是我的请求：

beforeMount() {
    axios.get('http://127.0.0.1/api/bills')
        .then(function (response) {
            console.log("before: " + this.contas);
            this.contas = response.data;
            console.log("after: " + this.contas);
        });
},

问题是我无法this.contas从内部访问axios.get()。我试着Vue.set(this, 'contas', response.data);和window.listaPagarComponent.contas = response.data;没有成功。

我的控制台显示：

before: undefined
after: [object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

但是Vue Devtools仅显示：

contas: Array[1]
  0: Object
    id: 3
    nome: "Conta de telefone"
    pago: false
    valor: 55.99
    vencimento: "22/08/2016"

这是我的完整代码。