VueJS не обновляет данные в браузере при изменении значения параметра "app" в консоли JS

Как я уже упоминал в этом вопросе, ниже приведен пример корректного и синтаксически правильного VueJs, который я запускаю в Localhost с 64-битной средой Windows 7 (настроен Nginx):

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script type="application/x-javascript" src="https://cdn.jsdelivr.net/npm/vue"></script>
    </head>
    <body>
        <div id="app">
            <h1>{{ message }}</h1>
        </div>
        <script type="application/x-javascript">
            var myObject = new Vue({
                el: '#app',
                data: {
                    message: 'Hello Vue!'
                }
            })
        </script>
    </body>
</html>

Теперь, когда я запускаю это в браузере Firefox (версия 65.0), он отображает ожидаемый текст, но когда я F12 открываю консоль и набираю app.message = 'Test'; и затем нажмите Enter, он не обновляет текст в браузере, как сказали бы в документации.

Что мне здесь не хватает?

Источник

1 ответ

Решение

Вы должны использовать myObject.message = 'Test';, myObject это ссылка на приложение VueJS.

Источник
Другие вопросы по тегам