Vue2.x 三级联动异步赋值

Question

一个类似省市区三级联动的模型，我通过watch监听值的变化来做到三级联动的内容更新。

  watch: {
    item1: function(val, oldVal) {
      this.$refs.form.validateField("item_id");
      querysByParam({ parentSid: val, itemStatus: 1 }).then(res => {
        this.item2 = "";
        this.itemData2 = res.data;
      });
    },
    item2: function(val, oldVal) {
      querysByParam({ parentSid: val, itemStatus: 1 }).then(res => {
        this.item3 = "";
        this.itemData3 = res.data;
      });
    }
  },

现在，以上都是没有任何问题的。
但是，给出item1,item2,item3的值并赋值进三级联动中，因为是异步的，并不知道这个监听是否执行完毕了，无法赋值~

官网有个

vm.$watch('a', callback, {
  immediate: true
})
// 立即以 `a` 的当前值触发回调

但是，这个也不会有返回值告诉我是否执行成功，该怎么判断怎么赋值

Answer 1

把异步变同步，用async+await