Vue.js и переменные экземпляра

export default {
    data(){
        return {
            authors: [],
            error: '',
            bookName: '',
        }
    },
    methods: {
        getAuthors(){
            this.$http.get('/api/getAuthors').then((response) => {
                response.body.error ? this.error = response.body.error : this.authors = response.body;
            });
            console.log('Success.');
        },
        clicked(){
            console.log(this.authors);
        }
    },
    created: function(){
        this.getAuthors()
        console.log('Component created.')
    },

}

Когда пытаюсь вывести this.authors функцией clicked() выводится undefined.

getAuthors:

P.S. Если выведу console.log(response.body) -> выведет объекты корректно. Поэтому думаю в сторону области видимости функции.