VueJS не обновляет данные в браузере при изменении значения параметра «app» в консоли JS - PullRequest
Новая
       41

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

0 голосов
/ 02 февраля 2019

Как я уже упоминал в этом вопросе, ниже приведен пример корректного и синтаксически правильного 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 Ответ

0 голосов
/ 02 февраля 2019

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

...