实验室项目文档学习笔记(二)------Vue中组件的data选项

目录

总结

注意的地方

---

总结

一：vue每次会通过组件创建出一个构造函数，每个实例都是通过这个构造函数new出来的

假如data是一个对象，那么这样的效果就相当于将这个对象放到这个放到组件上面去。

二：vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过data函数返回一个对象作为组件的状态。

注意的地方

一个组件的 data 选项必须是一个函数，且相关的变量要用return+{ ...... }括起来。

data() {
  return {
    count: 0
  }
}