Vue.js: Difference between revisions

Revision as of 08:14, 30 June 2021

watcher: {
  foo: {
    handler: (newVal, oldVal) {
      // ...
    },
    immediate: true,
    deep: true
  }
}

@@ Line 2: / Line 2: @@
 * [[Vue.js/Navigation]]
-Child 偵測 Parent 變化方法
+== Child 偵測 Parent 數值變化方法 ==
-* computed in child
+=== computed in child ===
-* watcher in child
-* this.$refs.xxx in server
+=== watcher in child ===
+* 缺點
+** 如果對象是 property, 需要 immediate: true
+** 如果對象是物件, 需要 deep: true, 但是效能會大幅下降
+<source lang="js">
+watcher: {
+  foo: {
+    handler: (newVal, oldVal) {
+      // ...
+    },
+    immediate: true,
+    deep: true
+  }
+}
+</source>
+=== this.$refs.xxx in server ===