Vue 组件中数据的定义

Vue 组件中数据的定义

  1. 为什么组件中的data选项是一个函数,而根实例中是对象
    原因:
    (1). 组件是一个独立的整体,那么数据也应该是一个独立的 【 80% 】
    (2). 多人开发,数据如果不是独立的,那么数据会冲突 【 5% 】
    (3). javascript最大的特点: 函数式编程,而函数本身就有一个独立作用域 【 15% 】
  2. 为什么组件中的data函数要有返回值,并且返回值是一个对象,不能是其他的吗?
    原因: 因为data选项要经过es5 Object.defineProperty 属性进行getter和setter设置
  3. 组件中数据的使用
    组件的数据,使用范围只能在组件的模板中

      

Vue 组件中数据的定义_第1张图片

你可能感兴趣的:(Vue,组件中数据的定义)