Vue.js

From Fundamental Ramen
Jump to navigation Jump to search

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