这是一个创建于 2437 天前的主题，其中的信息可能已经有所发展或是发生改变。
实践基于 vue
如下图，左边是 component 的 mounted 函数，右边是 mixin 的 mounted 函数。
在 vue 中，mixin 的 mounted 会比 component 的先执行。
所以我当时就想，在 mixin 中先获取数据，再交由 component 处理，因为该 mixin 在两个组件中都用上了。
可是，事与愿违，mixin 中 await 后的函数还是会等到所有的 mounted 执行完成后才会执行的。
那么请问一下，我该如何去调整？
 |
1
wwqgtxx 2018-04-02 16:11:01 +08:00 via iPhone
异步执行也没人说就一定是并发执行吧
|
 |
3
maichael 2018-04-02 16:27:38 +08:00
如果 await 后所有代码都要等返回回来再执行，那叫阻塞。
阻塞和非阻塞，和你是异步还是不是异步一点关系都没有。 |
|
5
wwqgtxx 2018-04-02 17:03:37 +08:00 via iPhone
@LeungJZ 本质上 await 是用 switch 实现的，你可以用 babel 转码成 es5 看看就知道了，所以他的作用域局限于 async 函数内
|
 |
6
Yuiham 2018-04-02 17:03:52 +08:00
mixins 和组件提供的生命周期钩子会在组件初始化的时候合并成数组。但是生命周期钩子的调用是同步的顺序的，调用完第一个 mounted 后接着调用第二个。你的 mixins 提供的 mounted 里的请求响应至少得到下一轮事件循环了
|
|
8
Yuiham 2018-04-02 17:19:29 +08:00
@LeungJZ 你在组件的 created 中用 $once 监听一个事件 a，注册 callback。接着等 mixins 的 mounted 拿到响应数据，带上数据 emit 这个事件 a。这样可以干掉多余的本地状态和生命周期钩子。
|
 |
9
AJian 2018-04-02 17:21:01 +08:00
只是对语法糖而已
|
 |
10
crs0910 2018-04-02 17:50:20 +08:00
mixin 里写成 method，然后 component 的 amounted 钩子里面 await 调用
|
Select Language