Framework7 vue mounted

Не понимаю почему переменная пуста

Framework7.use(Framework7Vue);

// Init Vue App
var app = new Vue({
    el: '#app',
    framework7: {
    // Framework7 parameters that we pass to <f7-app> component
    // Array with app routes
    routes: [
    
    ],
    // App Name
    name: 'app 2.0',
    // App id
    id: 'com.myapp.test',
    // ...
    
    },
    data: {
        info: null,
        updated: '',
        title: 'app test'
    },
// App root methods
    methods: {
        getData: function(){
            console.log(this.updated);
        }
    },
    mounted: function() {
    axios
        .get('https://api.coindesk.com/v1/bpi/currentprice.json')
        .then(function(res){
            this.info = res.data;
            this.updated = res.data.time.updated;
            console.log(this.updated);
        });
}
});

{{ updated }}

- пустая переменная остается
  1. :point_up_2:не понятно где это написано
  2. Возможно что this там где вы присваиваете это что то другое

Вот html код

<div id="app">
    <f7-app :params="$root.f7params">
        <f7-statusbar></f7-statusbar>
        <f7-view main>
            <!-- Initial Page -->
            <f7-page>
                <f7-navbar :title="title"></f7-navbar>
                <f7-toolbar bottom>
                    <f7-link @click="getData">Link 1</f7-link>
                    <f7-link>Link 2</f7-link>
                </f7-toolbar>
                <p>{{ updated }}</p>
                <f7-link href="/about/">About App</f7-link>
            </f7-page>
        </f7-view>
    </f7-app>
</div>

Should be

<p>{{ $root.updated }}</p>

Пробовал, это не подходит, не выводятся данные, переменная пуста, будто метод mounted не срабатывает

Проблема у вас где то в другом месте, смотри это:

Спасибо за идею. Помогла вот такая конструкция
var self = this;
Теперь там есть данные