vue的async用法
    Vue的async用法
    Async 是 ES7 中支持的新特性，它支持异步的流程控制，可以将异步的代码像同步代码一样编写运行。它借鉴了C#的 await特性，实现了异步调用的简洁，使用 async 关键字来表示一个异步函数，await 表示等待异步操作执行完成，等到await之后，表示异步操作完成，且函数等于异步操作的返回结果。
    在Vue中使用async使用async/await的方式非常简单，可以将async/await 使用在methods方法中，以防止因异步操作导致的数据更新错误。
    下面是一个简单的例子，使用async/await编写一个异步的函数：
    //声明一个异步函数
    const getDataAsync = async () => {
    let res = ('url')
    // await 会等到请求返回结果
    // 后续的语句才会继续执行
    if (res && res.data && res.status ===200) {
    // 成功请求
    return res.data
    } else {
    // 失败请求
    return null
await和async使用方法    }
    }
    // 在 Vue 组件中使用
    export default {
    data () {
    return {
    data: null
    }
    },
    methods: {
    async initData () {
    this.data = await getDataAsync()
    }
    }
    }
    以上就是async的使用方法，还有很多其他使用方法，这里就不一一展开了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。