Javascript Vue.js中的子例程顺序相反

我使用Vue.js router编写了一个带有嵌套子例程的小路由，我希望（它可以）作为输出：

• 从主设备（1）加载数据
• 从Sub（2）加载数据

但是，当我点击浏览器上的“刷新”按钮时，顺序颠倒为：

• 从Sub（2）加载数据
• 从主设备（1）加载数据

var Main=Vue.extend({
模板：
'' +
“这是梅因！”+
'' +
'',
就绪：函数（）{
console.log（'从主（1）加载数据'）；
}
})
var Sub=Vue.extend({
模板：“这是sub！
”，
就绪：函数（）{
console.log（“从子（2）加载数据”）；
}
})
//配置路由器
var router=new VueRouter（）
路由器地图({
'/': {
组成部分：主要，
子例程：{
“/bar”：{
构成部分：次级方案
}
}
}
})
//启动应用程序
var App=Vue.extend（{}）
路由器启动（应用程序“#应用程序”）

你好应用程序！

走主要路线
转到子程序

U应该使用承诺。因为它的异步userLikes可以被称为First感谢您回复@GONG。。查看文档，我得到了更多的代码，但我仍然完全迷失在一个迷宫中。你能提供一些示例代码吗？谢谢一个问题，为什么不能在一个查询中同时获得用户和他们喜欢的内容？我认为没有理由将其分开，因为用户可能没有启用该“部分”，这也是我在主用户详细信息路由中插入路由器的原因。我在发布代码之前简化了代码（或尝试：-）），但我不知道具体情况，但请尝试在两种方法上执行此操作：

this.$http.get（“url”+this.$route.path，false）

。根据文档，vue资源基于XMLHttpRequest，它有第三个参数来关闭异步。你可以在这里读到更多：你应该用承诺来实现它。因为它的异步userLikes可以被称为First感谢您回复@GONG。。查看文档，我得到了更多的代码，但我仍然完全迷失在一个迷宫中。你能提供一些示例代码吗？谢谢一个问题，为什么不能在一个查询中同时获得用户和他们喜欢的内容？我认为没有理由将其分开，因为用户可能没有启用该“部分”，这也是我在主用户详细信息路由中插入路由器的原因。我在发布代码之前简化了代码（或尝试：-）），但我不知道具体情况，但请尝试在两种方法上执行此操作：

this.$http.get（“url”+this.$route.path，false）

。根据文档，vue资源基于XMLHttpRequest，它有第三个参数来关闭异步。您可以在此处阅读更多内容：