鍍金池/ 問答/HTML/ vue2.0 watch選項deep immediate handler具體是怎

vue2.0 watch選項deep immediate handler具體是怎么使用?

 watch: {
  a: function (val, oldVal) {
    console.log('new a: %s, old: %s', val, oldVal)
  },
  // 方法名
  b: 'someMethod',
  // 深度 watcher
  c: {
    handler: function (val, oldVal) {
      console.log('new c: %s, old: %s', val, oldVal)
    },
    deep: true
  },
  // 該回調(diào)將會在偵聽開始之后被立即調(diào)用
  d: {
    handler: function (val, oldVal) {
      console.log('new d: %s, old: %s', val, oldVal)
    },
    immediate: true
  }
  

請問deep immediate handler具體是怎么使用?

回答
編輯回答
墨小羽

deep,默認(rèn)值是 false,代表是否深度監(jiān)聽。
immediate:true代表如果在 wacth 里聲明了之后,就會立即先去執(zhí)行里面的handler方法,如果為 false就跟我們以前的效果一樣,不會在綁定的時候就執(zhí)行。
例子:

watch: { obj: { handler(newName, oldName) { console.log('obj.a changed'); }, immediate: true, deep: true } } 

2017年10月29日 18:05