先将已经创建的 vueModule 声明为一个变量,然后就可以通过变量来访问其中的数据并修改。

const vm = Vue.createApp({
    data() {
        return {
            firstName: 'John',
            lastName: 'apple'
        }
    }
}).mount("#app")
 
setTimeout(() => {
    vm.firstName = 'bad'
}, 2000)

这里之所以不需要通过 vm.$data.firstName 这样来访问是因为 Vue 已经自动为 data() 函数的内容生成对应的 getter 和 setter 方法,即代理功能