vuejs 为 v2.2.5 设置数据值

Question

这是我的代码

var portal = new Vue({
el: "#AnnounceController",
data: {
    ann: {
        id: '',
        content: ''
    },
    announces: [],
    success: false,
    edit: false
},
methods: {

    fetchAnnounce: function () {
        axios.get('/api/announces')
            .then(function (response) {
                this.announces = response.data;
                console.log(this.announces);
            })
            .catch(function (error) {
                console.log(error);
            });
    }
},
computed: {},

mounted: function () {
    console.log('mounted')
    this.fetchAnnounce()
}

我有一个通过 axios 到基于 laravel 的 api 的 GET 请求，当我查看来自 axios 的响应时，我确实看到了我的数据，当我尝试将该数据分配给 'announces'从数据上看，不行。 Vue-devtools 显示我的数据 'announces' 属性为空，this.announces 的日志显示我的数据，有点像 vue 实例的数据属性和 this.announces 不同。

Answer 1

fetchAnnounce: function () {
    axios.get('/api/announces')
        .then(function (response) {
            this.announces = response.data;
            console.log(this.announces);
        }.bind(this))
        .catch(function (error) {
            console.log(error);
        });
}