跳至主要內容
rollup-plugin-visualizer 替代插件 vite-bundle-analyzer

不知道为什么,搜索vue3打包分析vite打包分析,清一色的都是推荐的使用rollup-plugin-visualizer插件,我自己也使用过,感觉这个打包分析的插件生成的分析报告贼不好用,不支持放大缩小,只能点击模块进行放大,尝试了下按ExcludeInclude关键词搜索也搜索不出内容,不知道是不是我使用有问题还是我搜索方式不对,总之感觉没有vue2的vue-cli-service生成的报告好使。


Bing🐣大约 1 分钟VueVueVue3FoamTreerollup-plugin-visualizervite-bundle-analyzer
解决vue i18n te方法不生效

在之前vue2的版本中,经常在axios请求中对于后端返回的部分错误码进行国际化报错处理,使用te('some.key')判断key是否在国际化文件中,如果存在就翻译key进行报错,如果不存在则提示后端返回的具体错误信息。新项目使用Vue3 + vue-i18n-next,发现在使用te或者$te方法均返回的false,Google搜索一番后找到一个issue完美解决问题,记录下相关的代码。


Bing🐣小于 1 分钟VueVuei18n
Vue 3.4 发布

本文为翻译
原文地址:Announcing Vue 3.4

今天,我们非常高兴地宣布 Vue 3.4"🏀大灌篮 "正式发布!

该版本包含一些实质性的内部改进-其中最显著的是重写了模板解析器,速度提高了 2 倍,还重构了反应性系统,使效果触发更准确、更高效。此外,它还对 API 进行了一系列质量改进,包括稳定了 defineModel 和绑定道具时的新同名简称。

本文章概述了 3.4 中的重点功能。有关变更的完整列表,请查阅GitHub 上的完整更新日志


Bing🐣大约 6 分钟VueVueVue3
Vue3 中使用 fake-progress 模拟“真实”的进度条

最近在逛 GitHub 的过程中发现一个很有趣的库,fake-progress,用来模拟“真实”的进度条,虽然看着已经很多年没更新了,但是不妨碍在 Vue3 中集成使用,这样就不用手搓模拟进度条了,在页面加载顶部进度条、文件上传进度条等等很有用处。


Bing🐣大约 3 分钟VueVue3VueVue3fake-progress
文字超长显示省略号和 ToolTip

日常开发过程中避免不了需要显示一些内容,但是内容超长了需要显示...,鼠标悬停需要显示完整内容,原生的title属性虽然可以做到上述的需求,但是完整内容无法复制,也不适用于隐藏的内容是非纯文本的情况,一般 UI 组件都会提供 ToolTip 的组件,我们就可以利用这个组件控制鼠标悬停显示完整内容。下面记录下实际开发过程中使用 Element UI 或者 Ant Design Vue 实现该需求过程。


Bing🐣大约 5 分钟VueElement UIAnt Design VueVueElement UIAnt Design VueToolTip