Vue3 data 选项

data 选项
 
data 选项是一个函数。Vue 在创建新组件实例的过程中调用此函数。它应该返回一个对象,然后 Vue 会通过响应性系统将其包裹起来,并以 $data 的形式存储在组件实例中。
 
实例
const app = Vue.createApp({
  data() {
    return { count: 4 }
  }
})
 
const vm = app.mount(‘#app’)
 
document.write(vm.$data.count) // => 4
document.write(“<br>”)
document.write(vm.count)       // => 4
document.write(“<br>”)
// 修改 vm.count 的值也会更新 $data.count
vm.count = 5
document.write(vm.$data.count) // => 5
document.write(“<br>”)
// 反之亦然
vm.$data.count = 6
document.write(vm.count) // => 6
 
以上实例属性仅在实例首次创建时被添加,所以你需要确保它们都在 data 函数返回的对象中。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64801.shtml

张贴在3