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

时间:2019-02-02 14:02:02

标签: vue.js vuejs2 console localhost vuejs-directive

正如我在问题中已经提到的,下面是一个看似有效且在语法上正确的VueJs示例,我正在Windows 7 64Bit环境(配置了Nginx)的Localhost中运行:

import requests
import json

url = 'https://somedomain.com'
body = {'name': 'Maryja'}
headers = {'content-type': 'application/json'}

r = requests.post(url, data=json.dumps(body), headers=headers)

现在,当我在Firefox浏览器(版本65.0)中运行此命令时,它将显示预期的文本,但是当我F12打开控制台并键入<!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> 然后按Enter时,它不会更新文本。浏览器,就像文档中所说的那样。

我在这里想念什么?

1 个答案:

答案 0 :(得分:1)

您应该使用recursion local scopemyObject.message = 'Test';是对VueJS应用的引用。