Почему массив инициализируется с сервера в методе mount, но не выводится при помощи директивы v-for?

<div id="app">

    <ul>
        <li v-for="i in info">
            {{ i.title }}
        </li>
    </ul>
</div>

new Vue({
        el: '#app',
        data() {
            return {
                info: null
            };
        },
        mounted() {
            axios({
                method: 'POST',
                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
                url: 'http://local/get-item',
            }).then(function (response) {
                this.info = response.data;
            });
        }

$lessons[0] = [
        'title' => 'Описание 1',
        'description' => 'Заголовок 1',
    ];

    $lessons[1] = [
        'title' => 'Описание 2',
        'description' => 'Заголовок 2',
    ];

    echo json_encode($lessons);