代码之家 › 专栏 › 技术社区 › Vicky Dev

在JS控制台中更改“app”参数值时,Vuejs不会更新浏览器中的数据。

vuejs-directive localhost console vuejs2 vue.js

Vicky Dev · 技术社区 · 6 年前

正如我在问题中提到的,下面是一个看似有效且语法正确的VueJS示例,我在本地主机上运行的Windows7 64位环境(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 回复 | 直到 6 年前

Terry 6 年前

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

推荐文章

4r60_ · 如何停止VueJS上的间隔?[副本]

2 年前

Park · Vuejs道具,路径较长

2 年前

Mathijs · vue-chartjs4中的混合气泡图和折线图

2 年前

roev · 大堆来自(物体)。forEach不使用vue。js

2 年前

haferje · Vue。用于计算属性重新渲染的js加载指示器

6 年前

Ready Dev · Axios一次发出多个请求(vue.js)

6 年前

JeanValjean · 如何在Vue中使用事件总线通过自定义事件传递数据。js 2

6 年前

dede.brahma · VueJs-元素UI el select:如何获取值父级和子级

6 年前

tzortzik · 如何使用vue路由器将对象作为道具传递?

6 年前

Tim · VueJS-迭代从AJAX调用返回的数据

6 年前