vue同步任务和异步任务

最新推荐文章于 2023-01-28 11:59:58 发布
最新推荐文章于 2023-01-28 11:59:58 发布
阅读量693 收藏
点赞数
分类专栏： vue3 原创 vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IAmNotChangAn/article/details/128617479
版权
vue 同时被 3 个专栏收录
15 篇文章 0 订阅
订阅专栏
vue3
7 篇文章 0 订阅
订阅专栏
原创
5 篇文章 0 订阅
订阅专栏

1.同步任务
  在主线程上排队执行的任务,在最前面的任务执行完成之后,才执行后面的任务.

2.异步任务
指不进入主线程,而是进入了“任务队列”的任务,只有“任务队列”通知主线程,某个异步任务可执行了,该任务才会进入主线程执行.

异步任务: 分为宏任务 和 微任务

宏任务: 包含整体代码script、setTimeout、setInterval

微任务: Promise.then(非 new Promise)、process.nextTick(node中)
 

我不是长安
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue异步请求和同步的区别
u011251307的博客
01-03 1268
通过这一篇的讲解，讲述了前端程序的异步，包括promise的原理，用处，以及后来的async-await，并且了解了async-await的作用，最后将async-await用到了axios实例中，来解决axios的异步请求同步化问题。从执行的结果可以看出，浏览器执行async-await的顺序为，正常的表达式顺序执行，遇到promise的异步线程时，需要等待异步线程返回结果，然后顺序执行后面的方法，这样就可以将异步的方法同步化了。如果将返回的结果做不同处理的话，以可嵌套一次promise，如下。
Vuex介绍以及同步取值与异步问题
最新发布
m0_63026408的博客
09-11 619
12。
vue 使用 async 和 await 实现异步 axios 同步化（实战案例：数据异步校验通过后，再执行保存）
朝阳39的博客
05-27 3069
必备知识点 axios请求会生成一个Promise实例对象 await后面可以直接跟一个Promise实例对象，返回值不是Promise对象，而是Promise对象处理之后的结果（await后面跟一个axios请求时，返回值即请求的响应结果 res） 若await后的表达式的值不是一个Promise，则该值将被转换为一个已正常处理的Promise await只能在使用async定义的函数中使用 async函数都会隐式返回一个promise，要获取Promise的返回值应该用then方法.....
VUE同步和异步请求
aliuyu422的博客
01-28 1111
前端请求
get和post
weixin_30947043的博客
05-08 44
简述同步和异步的区别 同步是阻塞模式，异步是非阻塞模式。 同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去； 异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。 转载于:https://www.cnblogs.com/hu...
vue同步父子组件和异步父子组件的生命周期顺序问题
12-12
关于vue组件的引入方式有两种 一、 同步引入 例子： import Page from '@/components/page' 二、异步引入 例子：const Page = () => import('@/components/page') 或者： const Page = resolve => require(['@/...
Vue 同步异步存值取值实现案例
10-15
主要介绍了Vue 同步异步存值取值实现案例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
VUE-任务进程（时间轴）
10-09
公司提出一个需求，要求写一个任务进程组件用于监控工作时间内任务完成情况。包括任务状态，任务起止时间，当前时间线，任务是否延迟开始。 压缩包中不包含node_modules,请下载后自行安装相关插件
Vue动态组件和异步组件原理详解
01-19
然而，在官方资料中，并没有涉及到真正的“动态异步”组件，经过大量的时间研究和技术分析，我们给出目前比较合理的技术实现方式，并分析一下vue动态异步组件的原理 动态组件 & 异步组件的存在，使得我们更方便地...
任务列表taskList.vue
04-21
任务列表taskList.vue
vue components 异步与同步加载的使用区别
qq_43536071的博客
07-14 779
vue components 组件加载
使用Promise实现顺序执行
wozhenhaokan的博客
08-31 749
Promise.resolve().then(res => { return new Promise((resolve, reject) => { setTimeout(() => { console.log(1) resolve() }, 1000) }) }).then(() => { return new Promise((resolve, reject) => { setTimeout(() => { .
vuejs异步更新
ygy211715的博客
11-24 1579
如上所示，如果你想拿到视图中最新的数据进行一定的操作的话，如果直接取值是拿不到视图中最新的数据的。原因就是vuejs的异步更新问题，实际上是先执行了你的打印操作，然后对视图进行了更新。所以呢，如果想拿到最新数据，需要用到vuejs的nextTick方法 官方对这个方法的解释是：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。  顾名思义就...
vue解决异步。
A873054267的博客
08-14 1538
/* * get方式请求，返回数据加载到列表中,非直接返回列表数据，返回promise对象 * _this调用对象 * url为请求地址 * resolve会异步解决回调 * */ export const axiosGetDataPro= (_this,url,resolve) => { axios.get(url).then( (res) =>{ if (res.st...
vue异步请求和同步_VUE知识点集锦
weixin_40005437的博客
11-25 1923
MVVM模式核心理念：通过声明式的数据绑定 来实现 View 层和其他层的分离；Model 层Model 层，对应数据层的域模型，它主要做域模型的同步。通过 Ajax/fetch 等 API 完成客户端和服务端业务 Model 的同步。在层间关系里，它主要用于抽象出 ViewModel 中视图的 Model。（域模型：融合了行为和数据的域的对象模型）View 层View 层，作为视图模板存在，在 ...
Vue中进行异步请求
热门推荐
起风了
09-06 3万+
前端的数据均是通过接口请求拿到的，而Vue本身不支持ajax请求，那么该怎么解决Vue中的异步请求呢？这儿提供了几种方法，希望对大家有所帮组。 一、axios实现异步请求 1.项目中安装axiox npm install –save axios...
Vue 的同步异步存值取值
程 序 猿的博客
08-16 6756
1.vue中各个组件之间传值 1.父子组件 父组件–>子组件，通过子组件的自定义属性：props 子组件–>父组件，通过自定义事件：this.emit(′事件名′,参数1,参数2,...);2.非父子组件或父子组件通过数据总数Bus，this.emit('事件名',参数1,参数2,...); 2.非父子组件或父子组件 通过数据总数Bus，...
vue 为全局变量赋值_vue批量异步更新策略
weixin_36459367的博客
12-31 1144
上次我们讲解了patch函数的工作原理，那么如果在一个进程中我们以同步的方式把数据改变多次，vue也会patch多次、渲染多次么？在前两篇《通过Vue2.0源码理解vue生命周期》讲完了渲染watcher的响应式原理以后，本次我们来讲解这个问题也可以将前两次所讲的内容连接起来。先来看一个简单的demo，页面是这样：模板如下：点击add按钮以后，会执行add函数：...
vue2.x中同步操作与异步操作
07-16
在Vue.js 2.x中，同步操作和异步操作是非常常见的。下面我将解释它们的概念和用途。 同步操作是指在执行过程中，代码按照顺序一步步执行，直到当前操作完成后才会继续执行下一步。这意味着在同步操作执行期间，程序会阻塞其他操作的执行，直到当前操作完成为止。在Vue.js中，大部分的JavaScript代码都是同步执行的。 异步操作是指在执行过程中，代码不需要等待当前操作完成，而是将其委托给其他部分来处理，并立即继续执行下一步操作。异步操作通常用于处理一些需要等待的耗时任务，比如发送网络请求、读取文件等。在Vue.js中，常见的异步操作包括异步组件加载、异步数据获取和异步事件处理等。 Vue.js为了方便处理异步操作，提供了一些机制和API。比如，你可以使用Vue的生命周期钩子函数来在特定的时机执行异步操作，比如在`created`钩子函数中发送网络请求获取数据。另外，Vue还提供了`$nextTick`方法用于在DOM更新后执行回调函数，以及`Promise`对象来处理异步流程。 总结起来，在Vue.js中，同步操作用于处理简单的代码逻辑，而异步操作则用于处理需要等待的耗时任务。同时，合理地使用异步操作可以提高应用的性能和用户体验。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值