先将已经创建的 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 方法,即代理功能。