vue中的data数据为什么要写成函数

对象为引用类型，当重用组件时，由于数据对象都指向同一个data对象，当在一个组件中修改data时，其他重用的组件中的data会同时被修改；而使用返回对象的函数，由于每次返回的都是一个新对象（Object的实例），引用地址不同，则不会出现这个问题

举例说明：

 // 1.对象方式（所有重用的实例中的data均为同一个对象）
  var data = {
    num: 1
  }
  var vm1 = {
    data: data
  }
  var vm2 = {
    data: data
  }
  vm1.data === vm2.data // true，指向同一个对象
 
  // 2.函数方式（所有重用的实例中的data均为同一个函数）
  var func = function () {
    return {
      num: 1
    }
  }
  var vm3 = {
    data: func
  }
  var vm4 = {
    data: func
  }
  vm3.data() === vm4.data() // false，指向不同对象