Vue的v-html不支持promise等，所有的vue绑定值都不支持promise，有解决方案吗？

<template>
  <div v-html="asyncContent"></div>
</template>

<script>
export default {
  data() {
    return {
      promiseData: null
    };
  },
  computed: {
    asyncContent() {
      return this.promiseData ? this.promiseData.toString() : '';
    }
  },
  created() {
    // 模拟异步获取数据
    this.fetchData().then(data => {
      this.promiseData = data;
    });
  },
  methods: {
    fetchData() {
      // 返回一个promise对象
      return new Promise(resolve => {
        setTimeout(() => {
          resolve('异步数据');
        }, 1000);
      });
    }
  }
};
</script>

<template>
  <div v-html.promise="promiseData"></div>
</template>

<script>
export default {
  data() {
    return {
      promiseData: null
    };
  },
  directives: {
    promise: {
      bind(el, binding) {
        const { value } = binding;
        if (value instanceof Promise) {
          value.then(data => {
            el.innerHTML = data ? data.toString() : '';
          });
        }
      }
    }
  },
  created() {
    // 模拟异步获取数据
    this.fetchData().then(data => {
      this.promiseData = data;
    });
  },
  methods: {
    fetchData() {
      // 返回一个promise对象
      return new Promise(resolve => {
        setTimeout(() => {
          resolve('异步数据');
        }, 1000);
      });
    }
  }
};
</script>