Vue中的set方法

// Vue实例中data是个obj；子组件的data是个函数
// 原因：单页面（SPA）应用时，创建一个Vue实例，实例中的数据可以在当前项目中共享；一个组件改变data中的数据同时会影响到其他对象实例。每个组件实例的data都会指向同一个对象（即这个全局变量指向的对象）。
// 每个组件实例都共用了一个object对象，会造成一个组件改变data中的数据同时会影响到其他对象实例。

// 这样，每定义一个新的组件实例，都会执行以下data的函数，都会return一个新的对象，让组件实例之间的data数据不会冲突
// 组件中的数据是独立的；函数内部返回一个只能让当前组件使用的对象数据
  data: {
      userInfo: {
          name: 'abc',
          age: 29,
          gender: 'm',
          salary: '100'
        }
      }
//全句变量的set
Vue.set(vm.userInfo,"属性名","属性值")
//vue实例的set 
vm.$set(vm.userInfo,"属性名","属性值")

// data中的变量是个数组
改变数组的3种方式
:  调用数组的变异方法(7种)
:  改变数组的引用？？在vue中不可以改变view