vue项目配置可选调用链
发表于|更新于
|浏览量:
生活是苦难的,我又划着我的断桨出发了。——博尔赫斯
可选调用链就是?.写法
有些vue项目没有默认配置,因此只能手动配置
介绍:https://babeljs.io/docs/en/babel-plugin-proposal-optional-chaining
安装:
1 | cnpm i --save-dev @babel/plugin-proposal-optional-chaining |
然后配置在根目录下的babel.config.js
新增:
1 | { |
完整:
1 | module.exports = { |
重启之后即可
相关推荐
2023-03-26
for...in、for...of、for await...of
处世应当谦虚,切忌轻人傲世。——佚名 简单说下区别: for...in遍历出来的是key 12345678910var obj = {a:1, b:2, c:3};for (var prop in obj) { console.log("obj." + prop + " = " + obj[prop]);}// Output:// "obj.a = 1"// "obj.b = 2"// "obj.c = 3" for...of遍历出来的是元素 123456789const array1 = ['a', 'b', 'c'];for (const element of array1) { console.log(element);}// Expected output: "a"// Expected output: "b&quo...
2025-07-31
NotionNext
世间的很多事物,追求时候的兴致总是要比享用的时候的兴致浓烈。——莎士比亚《威尼斯商人》 https://github.com/tangly1024/NotionNext NotionNext:让你的 Notion 笔记一键变身高颜值博客,创作力爆表!你是否曾梦想过,把平时在 Notion 里整理的笔记、知识库、项目规划,轻松变成一个公开的、高颜值的个人博客?不用折腾服务器、不用敲一行后端代码,只需几步就能让你的内容“闪耀网络”!NotionNext,就是这样一款为创作者量身定制的“神器”,让你的 Notion 内容即刻升级为一个全功能网站! NotionNext 是什么?NotionNext 是一个基于 NextJS 和 Notion API 开发的静态博客系统。它专为 Notion 用户和内容创作者而生,让你可以把自己的 Notion 页面一键部署到 Vercel,秒变个人博客、知识库、作品集,甚至是团队官网! 官网/文档:NotionNext帮助手册 项目地址:tangly1024/NotionNext 主要特性亮点 无缝对接 Notion:只...
2025-01-30
readability
我当然不会试图摘月,我要月亮奔我而来。——奥黛丽赫本 https://github.com/mozilla/readability 最近发现了一款由 Mozilla 开发的开源工具 Readability.js,这是一个专注于网页内容提取的库,它能够快速解析网页中的正文内容,过滤掉广告、导航栏等干扰信息。Firefox 的“阅读模式”正是基于 Readability.js 实现的。这款工具对于需要优化网页阅读体验、自动提取文章内容的开发者来说非常实用。 什么是 Readability.jsReadability.js 是 Mozilla 为了提升用户网页阅读体验而开发的一个工具,能够将网页上的主要内容提取出来并生成清爽的 HTML 片段。它非常适合集成到浏览器扩展、阅读器应用、内容聚合平台等项目中。 安装和使用1. 安装在 Node.js 环境中可以通过 npm 直接安装: 1npm install @mozilla/readability 2. 基本使用要使用 Readability.js 提取网页内容,只需传入一个 DOM 文档对象并调用 parse() 方法: 1...
2021-09-16
vue深度监听
放纵自己的欲望是最大的祸害;谈论别人的隐私是最大的罪恶;不知自己的过失是最大的病痛——亚里士多德 我们有时使用vue的watch,可能要对一个对象的多个属性进行监听 这样我们就可以使用深度监听 123456789101112131415161718192021222324252627282930313233343536<template> <view> </view></template><script>// 11位手机号码正则const REGEXP_TEL = /^((1[3,5,8,7,9,6][0-9])|(14[5,7])|(17[0,6,7,8])|(19[7]))\d{8}$/;export default { data() { return { // 表单数据存储 formData: { username: '', password: '' }...
2021-09-05
echarts中国主要城市空气质量
行之苟有恒,久久自芬芳。——崔瑗 中国主要城市空气质量: 代码出处:https://echarts.apache.org/examples/zh/editor.html?c=effectScatter-bmap 这是我在echarts官方网站示例上找到的 然后是代码: 注意下方要换成百度地图的AK 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151...
2025-06-16
mermaid-live-editor
教学的艺术不在于传授本领,而在于关于激励、唤醒、鼓舞。——第斯多惠 https://github.com/mermaidjs/mermaid-live-editor Mermaid Live Editor:在线绘制和分享流程图、时序图的神器在日常开发、产品设计和文档编写中,流程图、时序图、甘特图等可视化图形是表达系统逻辑、业务流程和协作方案的利器。Mermaid 作为一款流行的文本化图形描述工具,在开发者和技术团队中拥有极高的口碑。而 @mermaidjs/mermaid-live-editor 正是将 Mermaid 的强大能力带到了浏览器,让你即开即用、即写即画。 什么是 Mermaid Live Editor?Mermaid Live Editor 是一个基于浏览器的在线编辑器,专门用于编写和实时渲染 Mermaid 语法的各种图表。你只需要用简单的 Markdown 风格文本描述图表结构,编辑器即可自动渲染为可视化图形,并且支持导出、分享、预览等便捷操作。 主要特性1. 实时预览与高亮 左侧输入 Mermaid 语法,右侧实时渲染对应图形。 支持语法高亮...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog