您好,欢迎来到[编程问答]网站首页   源码下载   电子书籍   软件下载   专题
当前位置:首页 >> 编程问答 >> Web开发 >> (vue.js)关于vue-router的Promise和resolve

(vue.js)关于vue-router的Promise和resolve

来源:网络整理     时间:2016/6/15 1:01:38     关键词:

关于网友提出的“ (vue.js)关于vue-router的Promise和resolve”问题疑问,本网通过在网上对“ (vue.js)关于vue-router的Promise和resolve”有关的相关答案进行了整理,供用户进行参考,详细问题解答如下:

问题: (vue.js)关于vue-router的Promise和resolve
描述:

看官方文档的时候,异步加载动态组件这部分看不明白..


请问Promise和resolve指的是什么?有没有demo帮助理解..
还请大家解答时尽量好懂些..谢谢


解决方案1:

这就和vue没什么关系,单纯是对Promise的理解问题,来给你个小例子:

'use strict';

//这个方法,我们说她返回了一个promise
//但实际上,我们期待的是一个userInfo对象
//无奈该函数是异步的,无法立刻返回userInfo对象
//所以返回了一个Promise作为“承诺”
var getUserInfo = function() {
    return new Promise(function(resolve) {
        setTimeout(function() {
            var user = {name: 'Hanmeimei', age: 31};
            resolve(user);
        }, 3000);
    });
};

var user = getUserInfo();//获取返回值

//通过这个方法我们就能看出返回值是个Promise
console.log(Object.prototype.toString.apply(user));//[object Promise]

//那如何才能拿到真正的userInfo对象呢?
//下面代码就可以
user
    .then(function(userInfo) {

        //之所以这里拿到了userInfo,那是因为上面我们在3秒之后
        //resolve了真正的userInfo对象
        console.log(userInfo);//{ name: 'Hanmeimei', age: 31 }
    });

关于Promise,看文档:Promise


以上介绍了“ (vue.js)关于vue-router的Promise和resolve”的问题解答,希望对有需要的网友有所帮助。
本文网址链接:http://www.codes51.com/itwd/1699518.html

相关图片

相关文章