Vue—监测数据

Vue监测数据

1.加工data
2.vm._data = data
  • 1.vue监视data中所有层次的数据

  • 2.如何监测对象中的数据?

    通过setter实现监视,且要在new Vue时就传入要监测的数据。

    (1)对象中后追加的属性,Vue默认不做响应式处理

    (2)如需给后添加的属性做响应式,请使用如下API:

vue.set(target.propertyName/index,value)
vm.$set(target. propertyName/index. value)
  • 3.如何监测数组中的数据?

    通过包裹数组更新元素的方法实现,本质就是做了两件事:

    (1)调用原生对应的方法对数组进行更新。

    (2)重新解析模板,进而更新页面。

  • 4.在Vue修改数组中的某个元素一定要用如下方法:

    使用这些API:
    1)push()pop()shift()unshift()splice()sort()reverse()
    2)Vue.set()vm.$set()

特别注意: Vue.set()vm.$set()不能给vm或vm的根数据对象添加属性

上一篇:Vue2.0 Vue监测数据的原理_数组


下一篇:【转载】[Linux小技巧] 一行命令让CPU占用率达到100%