Vue.js: Difference between revisions

From Fundamental Ramen
Jump to navigation Jump to search
No edit summary
Line 10: Line 10:
* 缺點
* 缺點
** 如果對象是 property, 需要 immediate: true
** 如果對象是 property, 需要 immediate: true
** 如果對象是 property, oldVal 一定是 undefined, 無法取得上一個 tick 的值
** 如果對象是物件, 需要 deep: true, 但是效能會大幅下降
** 如果對象是物件, 需要 deep: true, 但是效能會大幅下降



Revision as of 08:15, 30 June 2021

Child 偵測 Parent 數值變化方法

computed in child

watcher in child

  • 缺點
    • 如果對象是 property, 需要 immediate: true
    • 如果對象是 property, oldVal 一定是 undefined, 無法取得上一個 tick 的值
    • 如果對象是物件, 需要 deep: true, 但是效能會大幅下降
watcher: {
  foo: {
    handler: (newVal, oldVal) {
      // ...
    },
    immediate: true,
    deep: true
  }
}

this.$refs.xxx in server