学习，是熵减的最有效途径。

Vue3+ElementPlus，侧边栏菜单折叠时，遇到的两个坑，写个踩坑笔记，记录一下。。。

vue3中使用useStore()，返回undefined，排查后，记录一下的踩坑记录。总结为，

刚做了笔记，再来总结一下，toRef和toRefs的作用、用法、区别。

在Vue3中，Ref和Reactive是两个实现响应式编程的关键的API。

开发vue项目过程中，发现这个报错，虽然好像不影响什么，但是看着确实有点难受啊。

如果没使用过webscoket，禁用之后就可以了，就不会出现这个问题了。查了一些资料，原因是， 原因就是开发环境与生产环境的区别。测试了，两种都可以解决这个报错。

2024年8月6日，新建vue项目的时候报错：Failed to get response from https://registry.npmjs.org/vue-cli-version-marker，记录一下解决过程。

查了一下资料，这是因为eslint的语法校验导致的问题。，配置完之后需要重启项目，即可解决。如果你的项目根目录下没有。

收藏备用吧

我们先回顾一下，我们学过的，vue父子通信的几种实现（不说vuex）了。写了两篇父子间通信笔记，需要的小伙伴，可以自行回顾一下。该组件的下拉框内容，是我们通过后端接口动态获取的。且，改下拉框，很可能在其他页面中，也要应用到。父组件把用户点击的项目传给子组件：父组件利用。所以，我们需要把它封装一个独立的组件。这里就涉及到了，父子组件间通信的问题。父组件收集到子组件的传值，用于提交。方法，把用户选定值通过。子组件将数据传给父组件。

极简笔记，一看就懂，vue子传父通信

极简笔记，一看就懂，vue父传子通信

简单配置，即可完成表单校验

vue经历从2.0到3.0更新之后，简⽽⾔之就是变得更轻，更快，使⽤起来更加⽅便，每⼀次的版本迭代都是对上⼀个版本的升级优化，不管是对于我们开发者还是对于⽤户体验都是不断地在越来越⽅便，接下来我会着重于开发者来说⼀下两个不同版本的区别。

大家都知道，我们使用Vue做的很多项目，都是前后端分离的架构。但是很多小伙伴并没有后端开发经验或者基础。为了能让Vue-Element-Admin这个项目联调顺利进行，今天发一篇简单利用node.js实现后端接口的文档，希望能够帮到大家。

这部分也是非常重要的，关乎项目内部业务逻辑、交互逻辑，本篇还是围绕Vue-Element-Admin项目，针对Vuex状态管理的角度进行简单分析。

这一章进行动态路由计算逻辑的分析。

这部分定义的`asyncRoutes`，就是动态路由，用户可用路由条数，是计算出来的，然后将计算出来的当前用户路由，渲染到菜单栏上

路由模块非常重要，自己基于这个框架进行开发，这个必须吃透！

在正式开始写项目之前，我先把项目中主要文件，都分析一遍,分析过程，在代码注释中。

【代码】vue-element-admin项目学习笔记（1）安装、配置、启动项目。

1）理解： 一个路由（route）就是一组映射关系（key-value)，多个路由需要路由器（router）进行管理2）前端路由：key是路径，value是组件3）作用：设定访问路径，并将路径和组件映射起来（就是用于局部刷新页面，不需要请求服务器来切换页面）

路由守卫，简单理解来说就是，当用户要进行一些操作时，我需要用户的一些信息或数据或行为，我判断过后，才会同意用户进行操作，说到这里，我想大家心里都或多或少有点理解了吧，官方一点的解释就是进行操作的鉴权，当操作与之条件匹配时，操作成功，当操作与之不匹配时，操作终止，作用就是是对路由进行权限控制。

说明：本文仅限于你已经知道vuex是做什么的，但是对于具体怎么用比较陌生，或者忘记了，的一份笔记，不讲述具体原理。

简单理解,插槽就是子组件中留下个“坑”，父组件可以使用指定内容来补“坑”。

如果你的前端应用和后端 API 服务器没有运行在同一个主机上，你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 `vue.config.js` 中的 `devServer.proxy` 选项来配置。

全局事件总线是一种组件间通信的方式，并不是插件，适用于任意组件间通信、实现==组件间的通信==。

首先，在父组件中定义一个处理事件的方法，如shijianthis . $emit('shijian' , 数据变量)//通常在beforeDestroy（销毁前）钩子中解绑 this . $off('shijian')

如果传值不是字符串数字，而是数字、变量、对象等等，则必须使用v-bind 代表==表达式 ==，而不是写死的值。第三种方式：限制 类型、必要性、默认值（默认值和必要性，不要同时存在）如果确需修改，在data中定义接收一份，在修改。props是只读的，如果想要修改，会引起报错。第二种方式：限制类型。

当我们第一次安装完脚手架，打开 的时候，我相信，一定有小伙伴和我一样，看到main.js里面的`render: h => h(App)`,感觉懵懵的。

CLI，俗称脚手架。全称是。vue-cli 是vue官方发布的开发vue项目的脚手架。vue脚手架用于自动生成vue和webpack的项目模板，是一个快速构建vue项目的工具，可以自动安装vue所需要的插件，避免手动安装各种插件、逐个引入的麻烦。以及自动配置webpack，之前我们都是手动配置webpack。首先是特别的繁琐，而且有一个很明显的问题是版本问题。版本不对可能就报错。以后这些事儿都交给我们的cli，他会自动帮助我们配置webpack。...

prototype模式的概念，在JavaScript中是很重要的，尤其在。

通过代理对中属性的操作(读/写)，可以理解为现实生活中的，比如，我们要租一个房子，我们和中介谈价钱、谈条件，那么，实际的房主就是，中介公司就是。Vue中使用数据代理的好处： 更方便的操作 data 中的数据。...