Vue之data property

data property

​ 组件中的data()选项是一个函数，Vue.js在创建新组建的实例的时候会调用这个函数，data（）返回一个对象，然后Vue.js通过响应式系统将其包裹起来，并以$data的形式存储在组件实例中，为了方便，该对象的任何顶级property也直接通过组件实例暴露出来。

import { createApp } from "vue";
import App from "./App.vue";

const app = createApp({
    data() {
        return {count:4}
    }
})

const vm = app.mount("#app")
console.log(vm.$data.count);
console.log(vm.count)

​ 直接将不包含在data函数中的新property添加到组件实例也是可行的，但由于该property不在响应式$data对象中，所以Vue.js的响应式不会自动跟踪他。