原因：没有添加.gitignore，导致提交节点过多，报错解决：添加.gitignore即可 {代码...}

路径 {代码...} {代码...}

在docs\.vitepress\config.mts文件中进行配置themeConfig配置项中添加search：provider: "local"即可开启全局模糊搜索，搜索本地文档数据

这种打包报错实际上是缺少对应文件，由于electron在打包时会下载资源，有些资源需要科学上网，所以正常打包网速过慢会导致资源丢失。像上图报错，很明显是丢失winCodeSign-2.6.0资源，所以我们需要去下载对应资源资源下载链接：[链接]进到这个网站后找到报错提示所需要的资源包，这里找到winCodeSign-2.6.0下载，下载完...

这种报错是ico资源文件出错导致的，可以看看gitHub对此问题的解释：[链接]上图中打包的logo.ico资源文件格式不对，看起来资源文件后缀是.ico实际上是png格式，你有可能是在一些网站将png转换为ico，它没有被正常的转换为ico，只是将资源文件的后缀更改了，在electron打包的时候就会报错，提示资源有问题。需要找到一个能...

原因：在组件外使用pinia了，所以导致没有正确缓存如果正确缓存，控制台会打印store安装完毕的提示我在项目使用了i18n，导致在router.beforeEach之前使用pinia了(服务端使用)，也就是官网所说的，组件外使用pinia。具体代码如下：

当你需要将一个vue项目打包成electron时，只需要正常的安装electron依赖、electron-builder依赖，正常的配置好主进程、预加载脚本、渲染进程即可。

我们一般使用electron-builder对electron项目进行打包，在package.json中配置打包的详细操作 {代码...} package.json中的详细字段解释： {代码...} 运行打包命令 {代码...} 目录中会生成dist文件夹，内部就打包的产物

官网：[链接]安装依赖初始化package.json {代码...} 安装依赖 {代码...} 安装报错解决方案：[链接]1、打开npm的配置文件 {代码...} 2、在空白地方添加淘宝镜像，下面三个（缺什么补什么，但要是同一个公司单位的镜像） {代码...} 手动配置完重新安装即可 {代码...} 启动一个简单的项目1、修改package.json文件中的main与...

watch可以直接监听ref类型的数据，如果监听reactive会黄字警告你需要将reactive解构出来监听 {代码...} 关于监听数据的问题，这篇文章有写：[链接]watch中调用异步函数会报错，如果你想在watch中调用异步函数，需要设置 flush: 'post' {代码...} 监听props {代码...} 监听计算属性computed {代码...} 一个页面可以写多个...

原理：Vue Router在实现matched数组时，主要是通过递归匹配路由的方式来获取当前路由及其父路由的信息。当导航到某个路由时，Vue Router会从路由配置中找到匹配该路径的路由记录，然后逐级向上遍历父路由，直到找到根路由为止，将所有匹配到的路由记录组成一个数组，这个数组就是matched。具体来说，实现matched数组的过...

用户登录成功后查询用户信息接口：getInfo普通用户信息：超级管理员信息：permissions：按钮权限标识roles：角色标识user：用户信息然后将getInfo的信息存储到Pinia，用于全局获取

在项目中可能会出现这种情况，明明引入了RouteRecordRaw类型，但是却无法使用，ts提示不能将命名空间“RouteRecordRaw”用作类型。ts(2709)

注意点：1、computed具备懒计算的特性，当依赖数据改变时，属性并不会立即重新计算，只有之后其他地方需要读取属性的时候，它才会真正计算。

在 Vue 3 中使用 router.addRoute(route) 动态添加路由后，路由的匹配信息（即 matched 数组）可能会显示为空。这是因为路由的匹配信息是惰性更新的，只有在路由跳转时才会重新计算。

入完成后，需要生成签名，签名需要通过SecretId、SecretKey来生成SecretId、SecretKey生成：腾讯云控制台进入云控制台后，点击新建密钥：获取到密钥后，通过密钥生成签名：

在写动态列表时，需要给动态列表上添加 :row-key='xxx' ，否则列表会因为数据修改而重复渲染，导致列表闪烁，即使修改的值与列表的data无关，有时候也会出现未知的闪烁。

如果我们想在项目中动态引入icon，类似与这样：在官网中，有这么一句话：Arco图标是一个独立的库，需要额外引入并注册使用。这意味着，arco中的所有icon默认不是全量引入的，你只能手动引入单个icon并使用

来到这个页面，你就可以自定义主题了，如果在颜色里面修改了对应的色值，那么在下面组件的定制时时可以实时预览效果的。这里可以看到当前主题应用的arco.design版本以及当前主题库的npm包名

报错信息：打包开发环境预览提示报错：404，页面白屏原因是没有找到静态资源，在vite.config.ts中base基础路径的问题如果你是开发环境打包，运行以下命令：npm run build:dev

在vue3中获取this {代码...} 注意：该方法只能在函数外部获取，函数内部获取会报错，例如： {代码...} 解决： {代码...} 参考文章：vue3中使用 getCurrentInstance

在TS的项目中，TS最终都会被编译JS文件执行，TS编译器在编译TS文件的时候都会先在项目根目录的tsconfig.json文件，根据该文件的配置进行编译，默认情况下，如果该文件没有任何配置，TS编译器会默认编译项目目录下所有的.ts、.tsx、.d.ts文件。实际项目中，会根据自己的需求进行自定义的配置，下面就来详细了解下tsconfig...

computed是计算属性，它依赖计算属性设置的属性值，computed的值会被缓存，只有属性值变化了computed才会再次调用并计算它们。computed不能异步操作，因为计算属性是通过return返回值传递参数，异步操作的时候return是没有意义的。

我们通常会再vue.config.js中配置全局的baseUrl，但在项目中总有一些特殊接口需要单独处理，这种接口跟全局baseUrl无关，它可能是三方接口。https接口调用时可能会发生跨域问题。此时需要在vue.config.js中配置devServer，新增独立url的跨域配置

也就是说，我们所有的属性都在app.config.globalProperties这个上面，可以基于此封装一个全局的globalProperties，如下：

最近碰到一个问题，在vue3项目中页面正常跳转，而且跳转成功，控制台没有任何报错提醒，但是页面显示空白，手动刷新浏览器后页面恢复渲染。从下面的截图可以看出来，页面根本就没有渲染，并且没有触发页面的任何生命周期函数。原因：我在页面的第一行 template 下加了一行注释，导致页面无法正常渲染！把第一行注释删掉...

在vue中，我们经常会使用一些vue指令，例如：v-model、v-text、v-if 等，这些都是vue内置的指令，在这些指令之外，我们也可以自定义指令，例如：我们相对文字做一个指令，根据指令绑定的值更改文字颜色。我们先来实现一个最简单的自定义指令：src -> directives -> modules -> custom.ts

上述条件中两个判断都会返回不存在，实际上 num 为 0 是需要返回 0 的， || 运算符存在隐式转换。我们可以使用Null运算符： ??

非隔离样式如果需要在全局使用样式，可以将样式定义在没有scoped属性的 <style> 标签中。这些样式将会影响到整个项目的所有页面有时候你需要修改一些弹窗的样式，但是发现在scoped内写不生效，因为有的组件挂载的位置并不是当前页面节点下，而是body的根节点，这个时候就可以定义一个没有scoped的style来修改弹窗...

scrollTop：获取或设置一个元素的内容垂直滚动的像素数，当一个元素的内容没有产生垂直方向的滚动条，那么它的 scrollTop 值为0

vue2写法 {代码...} vue3写法 {代码...}

效果：纯css实现进度条，这里用到的核心属性为box-show，box-show可以控制元素的阴影，通过控制元素阴影的移动位置来实现进度条效果。

在实际运用过程中，发现设置了scroll-top无效，滚动条位置并没有发生变化，是因为微信小程序的官方框架处于性能考虑，初始化设置scroll-top不会重新渲染页面，需要将scroll-top的是放在一个事件内执行才可以生效。

{代码...} catch中加了return，后面的代码是不执行的。如果不加return，后面的代码则会执行 {代码...}

字符串的扩展判断字符串是否包含在另一个字符中 {代码...} 字符串补全 {代码...} 字符串重复 {代码...} 消除字符串空格 {代码...} replaceAll()替换全部字符串 {代码...} at字符串匹配输出 {代码...} 数值的扩展数值分隔符允许给较长的数值添加分隔符，分割符没有间隔位数限制，不影响原值，不能在特殊符号前后。let num...

打开百度地图开放平台，登录进入控制台进入我的应用，点击创建应用填写应用名称，选择应用类型为浏览器端输入访问域名白名单，*为不限制任何域名，完成后点击提交回到我的应用即可查看到刚才创建的应用AK