<template>
  <div class="entry">
    <input type="text" v-test v-model="a" id="a">
    <input type="text" v-test v-model="b" id="b">
  </div>
</template>

<script>
  export default {
    name: 'entry',
    data () {
      return {
        a: 1,
        b: 2
      }
    }
    directives: {
      test: {
        componentUpdated (el) {
          console.log(el)
        }
      }
    }
  }
</script>

代碼如上，在任意一個(gè)輸入框進(jìn)行輸入都會(huì)觸發(fā)componentUpdated，因而打印兩次對(duì)應(yīng)的el。官方文檔也說componentUpdated：指令所在組件的 VNode 及其子 VNode 全部更新后調(diào)用。，我的理解是：綁定至哪個(gè)元素上面，當(dāng)對(duì)應(yīng)元素及其子元素更新才調(diào)用。兩個(gè)input為兄弟元素，更新一個(gè)應(yīng)該不影響另一個(gè)才對(duì)，還是說我理解的有問題。望指正。