程序员经验分享-hwhale

vue项目中使用可选链 ( ?. )和双问号 ( ?? )配置

2023-11-04

1.安装插件：@babel/plugin-proposal-optional-chaining

npm install --save-dev @babel/plugin-proposal-optional-chaining

2.配置babel

.babelrc 或者 babel.config.js 文件添加 plugins 配置

{
  "plugins": [
    "@babel/plugin-proposal-optional-chaining"
  ]
}

3.使用

配置完了,就可以在项目中使用可选链 ( ?. ) 和双问号 ( ?? )

let obj = {}
let a = obj ?. user?. name ?? 'zhangsan' //zhangsan

-------------------------------------------------------------

let obj = {
    user: {
        name:'xiaoming'
    }
}
let a = obj ?. user?. name ?? 'zhangsan' //xiaoming

 

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue项目

vue

javascript

npm

vue项目中使用可选链 ( ?. )和双问号 ( ?? )配置 的相关文章

随机推荐

  • ESP32/ESP8266上云——阿里云物联网平台同步MQTT

    1 文件资料获取方式 购买课程后可添加老师QQ 2123933105 获取课程相关资料 2 开发环境搭建方式 关于如何搭建ArduinoIDE Platformio跨平台开发环境 请详看下面的文章 ArduinoIDE开发板安装 自制Ard

  • 【uniapp】设置swiper组件禁止手动滑动失效的问题

    写uniapp项目有个跨多端平台的有点 但是要埋的坑比较多 这不有一个平台跨出现问题了 编译运行在微信小程序开发工具上会出现了 swiper组件设置禁止手动滑动失效的问题 接下来讲讲怎么解决 文章目录 1 先看文档 2 尝试修改 2 解决方

  • 【多模态】6、BLIP-2

    文章目录 一 背景 二 方法 2 1 模型结构 2 2 从 frozen image encoder 中自主学习 Vision Language Representation 2 3 使用 Frozen LLM 来自主学习 Vision t

  • 有道词典Linux版本Ubuntu安装后运行出现Warning: Ignoring XDG_SESSION_TYPE=wayland on Gnome. Use QT_QPA_PLATFORM=way

    有道词典Linux版本Ubuntu安装后运行出现Warning Ignoring XDG SESSION TYPE wayland on Gnome Use QT QPA PLATFORM wayland to run on Wayland

  • linux stat函数讲解

    原文地址 http www cnblogs com hnrainll archive 2011 05 11 2043361 html 表头文件 include

  • I2C总线中8（7）bit和10bit介绍与区别

    经常有用人问我 使用USB2XXX的USB2IIC功能的时候 从机地址应该怎么传递的问题 这个问题的根源在于不同的I2C从机厂商采用了不同的I2C总线地址约定 导致在说I2C总线的时候总是容易搞混 本文主要针对8位和10位I2C总线地址进行

  • Element-UI中的下拉栏

    好久没有写博客了 今天在做毕业设计的图形化界面时遇到了一些问题 是有关Element UI中的下来栏的问题 我需要有一个下拉栏用于选择网络的模式 原先从来没有涉及相关的前端的这方面知识 找到了下面两个博客问题得到了解决 链接一 链接2 还有

  • java中UTC转Date或者时间戳

    public static long utcToTimestamp DateTime dataTime throws ParseException SimpleDateFormat df2 new SimpleDateFormat yyyy

  • 快速排序实现以及时间复杂度分析

    原文 http www cnblogs com fengty90 p 3768827 html 之前只知道快速排序的平均时间复杂度为O n log n 最糟糕时复杂度为O n 2 但却不知道具体原因 今天好好证明一下 最后部分摘自 算法导论

  • "==" undefined== null ？

    1 undefined null true 这个奇葩我也不知道为什么就相等了 毕竟在进行类型转换的时候都是转换为数字 undefined 转换为数字是 NaN null 转换为数字是0 2 null 0 false null有属于自己的类型

  • npm 安装、删除依赖命令

    npm安装依赖 npm install xxx 利用 npm 安装xxx依赖到当前命令行所在目录 npm install xxx g 利用npm安装全局依赖xxx npm install xxx save 安装并写入package json

  • 抖音视频根据用户ID下载方法

    在这说一下我提取抖音视频的方法 1 首先是抖音视频我不是从APP上抓取的 因为对应用户视频列表抓取链接存在字段加密 无法获取我的视频信息获取步骤如下 1 通过访问登录新抖微信小程序 采用fiddler对其进行抓包 获取到根据用户名搜索的AP

  • LevelDb之七:根据Key读取记录

    LevelDb之七 根据Key读取记录 2012 09 08 17 54 41 分类 云计算 LevelDb是针对大规模Key Value数据的单机存储库 从应用的角度来看 LevelDb就是一个存储工具 而作为称职的存储工具 常见的调用接

  • Javaweb 自定义 Servlet 实现按照访问路径转发

    前言 HttpServlet Service方法 提供的 doGet 和 doPost 方法只能根据请求方式进行分发 假设我们现在有多个服务 添加 删除 查询 每个服务都要对应一个 Servlet AddServlet DeleteServ

  • 圆柱体的投影特点_圆柱体三面投影作图方法分析

    摘要 工程制图作为一门重要的专业技术基础课 旨在培养学生的空间思维和读图 绘图的能力 结合工程制图的教学实践 指出了求圆柱截切体投影的关键是求其截交线的投影 明确了圆柱截交线的类型与投影方法 以多平面截切圆柱体产生的圆柱截切体为例 通过逐个

  • Flowable基本使用介绍和Flowable数据库表解释

    1 Flowable是什么 Flowable是一个使用Java编写的轻量级业务流程引擎 Flowable流程引擎可用于部署BPMN 2 0流程定义 用于定义流程的行业XML标准 创建这些流程定义的流程实例 进行查询 访问运行中或历史的流程实

  • MybatisPlus生成主键策略方法

    优质资源分享 学习路线指引 点击解锁 知识定位 人群定位 Python实战微信订餐小程序 进阶级 本课程是python flask 微信小程序的完美结合 从项目搭建到腾讯云部署上线 打造一个全栈订餐系统 Python量化交易实战 入门级 手

  • 解答：什么是卫星链路

    本文足对卫星链路预算做的一个最基本 简单 通俗的介绍 以期使普通读者都能够对链路预算有一个了解 有个概念 如感兴趣则需再深入学下去 就会将链路预算彻底搞明白 链路预算的目的和作用卫星链路预算的目的和作用 简单的讲就是帮助新用户经济合理地选配

  • 睿智的seq2seq模型4——往英文到法文的翻译里加上注意力机制

    睿智的seq2seq模型4 往英文到法文的翻译里加上注意力机制 学习前言 什么是注意力机制 如何将注意力机制应用到翻译中 英文翻译到法文的思路 1 对英文进行特征提取 2 将提取到的特征传入到decoder 3 将 t 作为起始符预测第一个

  • vue项目中使用可选链 ( ?. )和双问号 ( ?? )配置

    1 安装插件 babel plugin proposal optional chaining npm install save dev babel plugin proposal optional chaining 2 配置babel ba

热门标签