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 函数返回的对象中。