在 JS 控制台中更改 "app" 参数值时，VueJS 不会更新浏览器中的数据

Question

正如我在问题中已经提到的，下面是一个看似有效且语法正确的 VueJs 示例，我运行在具有 Windows 7 64 位环境（已配置 Nginx）的 Localhost 中使用它：

<!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 时，它不会'不要更新浏览器中的文本，就像文档所说的那样。

我在这里错过了什么？

Answer 1

您应该使用 myObject.message = 'Test';。 myObject 是对 VueJS 应用程序的引用。

在 JS 控制台中更改 "app" 参数值时，VueJS 不会更新浏览器中的数据

VueJS doesn't update the data in Browser, when changing the "app" parameter's value in JS Console

vue.js

vuejs2

console

localhost

vue-directives