vue(七)之文件夹别名、Promise

最新推荐文章于 2022-08-09 00:33:22 发布
最新推荐文章于 2022-08-09 00:33:22 发布
阅读量208 收藏
点赞数
分类专栏： 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42968500/article/details/104428328
版权

给文件夹取别名

在这里插入图片描述
通过import导入的时候可以直接应用别名
在这里插入图片描述
而通过非import的方式引入的时候，要在别名前面加一个"~"
在这里插入图片描述

Promise

Promise是ES6的新增内容
在这里插入图片描述
通过setTimeout模拟异步请求
一秒钟后打印Hello World
在这里插入图片描述

Promise的简单体会

在这里插入图片描述
通过promise可以将回调地狱转化为链式编程，结构更清晰，代码更优雅

Promise讲解

在这里插入图片描述

Promise的三种状态

在这里插入图片描述

Promise的另一种使用方法

在这里插入图片描述

Promise链式调用

在这里插入图片描述
链式调用的案例
在这里插入图片描述
上面案例的简写方式
在这里插入图片描述
案例的进一步简化
在这里插入图片描述
其中的简化主要是关于return的内容

为了应对出现失败的情况在末尾加入一个catch

有两种失败或者说是抛出异常的方式：1 reject 2 throw
在这里插入图片描述

Promise.all的使用

当url1和url2同时成功的时候执行then，其中results是一个数组，下标从0开始，依次存储返回的对象
在这里插入图片描述

CQ623
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue给文件起别名——使用、报错及解决方法
Wzw的博客
03-12 3345
文件路径引用 在实战开发中，如果需要引用的文件层级很深，我们就可能遇到以下代码：<img src="../../../assets/image/home.icon"/>。 如果后续项目文件路径变化了呢？那么就需要手动去修改每个文件中的路径，在项目初始阶段文件不多时，这样做还有可能；一旦文件增多，这样一个个修改路径就很麻烦。 因此，我们需要在一开始时，就给文件夹起别名，这样不管层级多深或者文件路径更改，之后都直接用这个别名即可。 Vue-Cli3 在vue.config.js（如果没有，则在根目
Vue中使用webpack别名的方法实例详解
08-27
这样，webpack会将common识别为webpack别名，而不是文件夹名。 知识点4：正确使用webpack别名的优点 正确使用webpack别名可以大大缩短引入文件的时间，提高开发效率。例如，在JS文件中使用webpack别名可以简化文件...
Vue Vue-CLI3使用文件夹别名
mengxianglong123的博客
11-12 797
创建vue.config.js module.exports = { configureWebpack: { resolve: { alias: { // @代表src 'assets': '@/assets', 'common': '@/common', 'components': '@/component...
vue中给文件夹配置别名（是在vue-cli3的条件下）
it_bird1999的博客
09-05 265
1、在根目录下创建vue.config.js 2、在文件家中写入以下内容 将要取别名的文件名字放入alias中，‘别名’：‘路径’。 在后面的引入中可直接引入，不用再学‘…/’之类的
vue设置webpack文件别名+配置路由的默认class
wangdan_2013的博客
09-26 1589
vue设置webpack文件别名+配置路由的默认class
目录文件管理(别名)
李立衡
07-02 1047
别名的定义:简化复杂的命令 **• 查看已设置的别名 – alias [别名名称] • 定义新的别名 – alias 别名名称= ‘实际执行的命令行’ • 取消已设置的别名 – unalias [别名名称] [root@localhost /]# hostname localhost.localdomain [root@localhost /]# zhujiming bash: zhujiming...
vue新建文件夹.zip
03-26
在"新建文件夹"这个压缩包中，可能包含了一个使用了以上技术的Vue项目示例。通常，这样的项目会有一个基本的目录结构，包括`src`目录（存放源代码）、`public`目录（存放静态资源）、`package.json`（项目依赖和配置...
vue项目总结之文件夹结构配置详解
08-28
主要给大家总结介绍了关于vue项目之文件夹结构配置的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
Vue路由 重定向和别名的区别说明
10-14
在 Vue Router 中，重定向和别名是两种常见的路径处理方式，它们各自有着特定的用途和特点。 **重定向（Redirect）** 重定向是指当用户尝试访问一个特定的路径时，系统会自动将他们导向到另一个不同的路径。这通常...
Vue CL3 配置路径别名详解
10-16
在 Vue CLI 3 中，配置路径别名可以通过 `vue.config.js` 文件实现。 首先，我们需要了解 `vue.config.js` 文件。这是一个可选的配置文件，位于项目根目录下，用来覆盖默认的配置。如果没有这个文件，Vue CLI 会...
使用Promise链式调用解决多个异步回调的问题
08-31
主要给大家介绍了使用Promise链式调用解决多个异步回调问题的方法，文中给出了详细的介绍和示例代码，有需要的朋友可以参考借鉴，下面来一起学习学习吧。
使用Python为文件夹起别名
qq_44741568的博客
01-05 1060
使用Python为文件夹起别名
在Vue单页面应用中使用Promise链式调用
weixin_30399155的博客
06-10 553
eg: this.commonLoginFun().then((res) => { if (res.errNo === 0) { const { isLogin } = res.data; if (isLogin) { this.isLogin = true; this.userPhone...
Vue.js 学习笔记十四：Promise 之链式调用
Stary 的 IT 之旅
07-28 1353
目录 Promise 链式调用 Promise 链式调用 实际开发中，我们经常需要同时请求多个接口。比如说：在请求完接口1的数据data1之后，需要根据data1的数据，继续请求接口2，获取data2；然后根据data2的数据，继续请求接口3。 这种场景其实就是接口的多层嵌套调用。有了 promise 之后，我们可以把多层嵌套调用按照线性的方式进行书写，非常优雅。 也就是说，Promise 可以把原本的多层嵌套调用改进为链式调用。 代码举例：（多次 Ajax请求，链式调用） <!DOC
Promise链式调用
qq_37023928的博客
12-18 165
第一种写法 第二种写法 第三种写法，省略掉Promise.resolve() reject处理一 reject处理二 reject处理三
vue为路径设置别名
stone_tomcate的博客
09-10 754
1. 为路径设置别名 在开发过程中，我们经常需要引入各种文件，如图片、CSS、JS等，为了避免写很长的相对路径（../），我们可以为不同的目录配置一个别名。 在vue.config.js中的chainWebpack中配置 config.resolve.alias.set('@', resolve('src')).set('_c', resolve('src/components')); ...
用Promise实现小程序接口链式调用
weixin_34357962的博客
10-06 305
一、前言 作者平时使用mpvue开发小程序，所以下面讲到的方法都是基于mpvue而言的，当然本质上原生小程序语法同样适用。原文链接：用Promise实现小程序接口链式调用 大家都知道，小程序的接口都是采用回调的方式，这样如果代码逻辑复杂了，将会导致代码难以阅读。今天就通过ES6的Promise函数，来稍微改造一下小程序接口，让我们的代码...
Vue总结第七天~Promise网络请求和axios 网络模块
伟庭的博客
12-31 5861
Vue总结第七天~Promise网络请求和axios 网络模块
vue3基础---Promise
最新发布
qq_61950936的博客
08-09 1万+
vue3基础铺垫之 Promise。星月前端博客t=M666星月前端博客https://xingyue.vercel.app/
理解Vue日常开发中的Promise
"前端Vue日常工作中-Promise" 在前端开发中，尤其是在使用Vue.js框架时，Promise是处理异步操作的核心工具。Promise允许开发者更优雅地组织和管理复杂的异步流程，避免了传统的回调地狱问题。Promise有三个关键状态...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值