问题描述:
最近学习Vue 突然发现控制台不能更新渲染出来的数据了
代码如下:
<div id="app">
{{message}}
</div>
<script>
let myVue = new Vue({
el: '#app',
data: {
message: 'Hello, Vue!'
}
})
</script>
在控制台输入命令:
app.message = 'Hi'
渲染出来的文字不改变
解决方法:
我实例化Vue对象为myVue
所以需要使用命令:
myVue.message = 'Hi'
此时,更新后的数据可以被成功渲染出来