Почему не рендерит VueJS компонент?

Vue.component('tokens-vmp', {
    data() {
        return {
            tokens_VMP: []
        }
    },
    template: '<table class="table table-of-contents col-12">' +
    '<tr class="table-info">' +
    '<th>№ талона</th>' +
    '<th>Ф.И.О.</th>' +
    '<th>Дата рождения</th>' +
    '<th>Этап</th>' +
    '<th>Дата последнего сохранения</th>' +
    '<th>Вид при обращении</th>' +
    '<th>Номер страхового полиса</th>' +
    '<th>Группа</th>' +
    '<th>Код МО</th>' +
    '<th>Субъект РФ</th>' +
    '<th>СНИЛС</th>' +
    '<th>Профиль</th>' +
    '<th>Вид при выписке</th>' +
    '<th>Диагноз</th>' +
    '<th>Диагноз при выписке</th>' +
    '<th>Обращение</th>' +
    '<th>Дата создания</th>' +
    '<th>Комментарии</th>' +
    '<th>Комментарии к талонам прошлого года</th>' +
    '<th>Информация</th>' +
    '<th>Метка</th>' +
    '<th>Дата планируемой госпитализации</th>' +
    '<th>Дата направления документов в МО</th>' +
    '<th>Дата обращения в МО</th>' +
    '<th>Дата выписки</th>' +
    '<th>ID пациента</th>' +
    '<th>Код категории льготы</th>' +
    '<th>Социальная группа</th>' +
    '<th>Пол</th>' +
    '<th>Результат госпитализации</th>' +
    '<th>Дата регистрации</th>' +
    '<th>Направлен</th>' +
    '<th>Место жительства</th>' +
    '<th>Отказано</th>' +
    '<th>Дата операции</th>' +
    '<th>Дата повторной госпитализации</th>' +
    '<th>Метод лечения</th>' +
    '<th>Модель</th>' +
    '<th>Код модели</th>' +
    '<th>Госпитализирован в отделение</th>' +
    '<th>Прикрепленные документы</th>' +
    '<th>Наименование МО</th>' +
    '<th>Полное наименование МО</th>' +
    '</tr>' +
    '<tbody>' +
    '<tr v-for="token_VMP in tokens_VMP">' +
    '<td>1</td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '<td></td>' +
    '</tr>' +
    '</tbody>' +
    '</table>',
    beforeCreate: function () {
        var self = this
        //Получение всех талонов ВМП
        axios.get('http://' + window.location.host + '/api/tokens_VMP/').then(function (response) {
            console.log('start')
            self.tokens_VMP = response.data
            console.log(self.tokens_VMP)
            console.log('end')
        }).catch(function (error) {
            console.log(error);
        });
    },
    mounted(){

    }
})

new Vue({
    el: '#operators_home'
})