promise在vue中的用法

const myPromise = new Promise((resolve, reject) => {  // 执行异步操作  if (condition) {    resolve(result);  } else {    reject(error);  }});

<template><div>    <p v-if="myPromise">Promise 已解决</p>    <p v-else>Promise 未解决</p>  </div></template>

export default {  data() {    return {      myPromise: null,    };  },  async created() {    try {      this.myPromise = await new Promise((resolve) => {        setTimeout(() => resolve('Resolved'), 1000);      });    } catch (error) {      console.error(error);    }  },};

export default {  async beforeCreate() {    try {      const result = await new Promise((resolve) => {        setTimeout(() => resolve('Resolved'), 1000);      });      console.log(result);    } catch (error) {      console.error(error);    }  },};

import Vuex from 'vuex';const store = new Vuex.Store({  state: {    myPromise: null,  },  actions: {    async getPromise({ commit }) {      try {        const result = await new Promise((resolve) => {          setTimeout(() => resolve('Resolved'), 1000);        });        commit('setPromise', result);      } catch (error) {        console.error(error);      }    },  },  mutations: {    setPromise(state, result) {      state.myPromise = result;    },  },});