Vue.js 如何将值分配到Vue 3中的代理数据中？

下面是一个简单的代码

testobject={}；
testobject.number=444；
someapp={
数据（）{
返回testobject；
},
方法：{
测试（）{
这个.number++；
}
}
}
app=Vue.createApp（someapp）；
应用安装（“sss”）；

带有v-on:click=“test”的按钮将调用test（）方法，并增加

number

属性<代码>测试对象。编号也将上升

我想知道的是，我必须做些什么来改变javascript控制台上的数字

testobject.number++

不起作用，

someapp.number

或

app.number

不存在

那么在Vue 3中是如何做到这一点的呢？在VUE2中，我能够更改testobject的成员并观察更改的发生——似乎我必须在这里做些额外的事情

---

另外，如何从javascript控制台调用

test

方法？

在您的代码中，

app

是

的结果是根组件实例，它将允许您访问组件的数据和方法：

app=Vue.createApp（someapp.mount（“#sss”）；
应用程序编号++
app.test（）