vue3使用reactive包裹数组如何正确赋值

需求:将接口请求到的列表数据赋值给响应数据arrconst arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败,直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.concat(res); // 方

- 阅读全文 -

手把手教你使用Electron9+vue3开发跨平台桌面应用

Electron 是一个基于 chromium 和 nodejs,可以使用 HTML、CSS、和 JavaScript 构建跨平台应用的技术框架,兼容 Mac、Windows 和 Linux。虽然 B/S 是膜前开发 ad 主流,但是 C/S 仍然有很大的市场需求。受限于浏览器的沙盒限制,网页应用在无法满足某些场景下的使用需求,而桌面应用可以读写本地文件、调用更多系统资源,加上 web 开发成本低

- 阅读全文 -

Vue3 404页面(NotFond)配置方案

全部捕获/ 404未找到路线常规参数只会匹配网址片段之间的字符,并用分隔/。如果我们想匹配任何东西,我们可以使用自定义参数正则表达式,方法是在参数后面紧随括号内添加正则表达式:const routes = [ // will match everything and put it under `$route.params.pathMatch` { path: '/:pathMatch(.*

- 阅读全文 -

做了一夜动画,就为让大家更好的理解Vue3的Composition Api

做了一夜动画,就为让大家更好的理解Vue3的Composition Api回顾Option Api在了解Composition Api之前,首先回顾下我们使用Option Api遇到的问题,我们在Vue2中常常会需要在特定的区域(data,methods,watch,computed...)编写负责相同功能的代码。Option Api的缺陷随着业务复杂度越来越高,代码量会不断的加大;由于相关业务的

- 阅读全文 -

如何将Vue3.0项目部署到Heroku

作为一个专业薅羊毛的人,连Github Education都不放过的人励志将每个权益发挥到极致本篇文章介绍如何将Vue项目发布到Heroku,当然本文以Vue为例,还可以部署React或者其他的web项目,当然如果你需要,后端服务也可以Heroku平台Heroku平台的灵活性极高且支持多种编程语言。若想把程序部署到Heroku上,开发者要使用Git把程序推送到Heroku的Git服务器上。在服务器

- 阅读全文 -