vue3 中进行数据监听来执行异步操作

在vue3中数据监听的写法中，是不能直接进行异步操作的，如果我们想要执行的方法是基于上一个操作完成之后再触发时，那么可以进行这样的书写方式

watch(
  () => 变量名,
  () => {
    //async await来进行异步操作的请求，
    async function waitRole() {
      await getRoleTree();
      changColor();
    }
    waitRole();
  },
  { deep: true }
);