学习记录

本文详细介绍了 Vue 3 项目中文件夹和文件名的命名规范，结合官方推荐与行业最佳实践，旨在提升代码的可读性和维护性。主要内容包括： 项目基础结构命名：根目录使用 kebab-case，核心文件如 index.html、main.js 和 App.vue 采用固定名称。 src 目录结构：如 assets、components、views 等目录的命名规则及用途。 组件命名：使用 PascalCase，基础组件以 Base 开头，单例组件以 The 开头，父子组件命名需体现层级关系。 路由与状态管理命名：路

actions: {// ❌ cartStore 的方法});actions: {// ❌ 反向调用});

和数组，可以在不修改现有存储函数的情况下安全使用。的内容，读取时也无法自动恢复为。专用的存取函数，隐藏转换逻辑。转换为数组，读取时再转回。解决方案（不修改存储函数）方法 1：存储时手动转换。会遇到的问题及解决方案。会导致数据丢失，因为。方法 2：封装工具函数。

在处理复杂对象结构时更直观。根据具体需求灵活选择，可显著提升代码可维护性。• 对数组进行索引操作时，建议使用变更方法（更适合管理独立值和需要完全替换的场景，而。• 需要灵活替换 →。

1.1 举个栗子 🌰假设你正在开发一个企业管理系统：•管理员可以访问：员工管理、财务统计等页面•普通员工只能访问：个人考勤、任务列表这时候就需要根据用户的身份动态决定他能看到哪些页面——这就是动态路由的核心作用！1.2 技术大白话•前端动态路由：用户登录后，前端根据权限动态加载不同的页面菜单•后端动态路由：后端根据用户角色控制接口访问权限。

setLocalDescription(answer) 触发ICE收集。setLocalDescription(offer) 触发ICE收集。• 接收端在设置 answer 为本地描述后立即开始收集。• 发送端在设置 offer 为本地描述后立即开始收集。• 与对端 Answer 的到达时间无关。7. 发送answer + 已收集候选。发送answer (含已收集的候选)3. 发送offer + 已收集候选。发送offer (含已收集的候选)10. 持续发送后续候选。9. 持续发送后续候选。

按此方案调整后，你的 URL 参数应该可以正常解析。如果仍有问题，请提供完整的。：如果是 SPA 应用，确保服务器配置正确，所有路径重定向到。如果将它作为路由组件挂载到根路径。，会导致路由系统嵌套混乱，形成。，或直接硬编码了其他组件（如。：路由参数无法正常传递，

•自动触发的回调函数由依赖变更触发，但开发者需主动处理条件过滤、副作用清理和性能优化。•灵活性与风险：虽然省去了手动声明依赖的步骤，但过度依赖自动追踪可能导致不必要的计算（如追踪到非核心依赖）。•最佳实践：适合处理多依赖联动的副作用逻辑（如 UI 同步、日志记录），复杂场景建议结合watch使用。

通过以上步骤可实现：• ✅响应式状态管理：基于Composition API的Store声明• ✅跨组件共享：多组件间高效同步复杂状态• ✅可维护性：模块化Store设计与类型安全（天然支持TS）• ✅扩展性：通过插件实现持久化、日志等高级功能对比Vuex，Pinia的函数式Store语法更简洁，且与Vue3的Composition API深度契合，推荐作为Vue3项目的首选状态管理方案。

Pinia 已经成为 Vue 3 状态管理的未来方向，建议优先掌握其核心概念（如。：已有 Vuex 项目维护，或团队习惯强约定的开发模式。，尤其是需要 TypeScript 或追求简洁性的场景。：与 Vue 的响应式系统部分重叠，可能引入概念冲突。：小型应用、组件级别状态，或作为其他方案的补充。：需要跨框架复用状态逻辑，或团队有特定偏好。：严格的单向数据流，适合复杂状态逻辑。：与 Vue 生态割裂，需配合。：响应式状态管理，语法简洁。

【代码】Echarts图表占满整个盒子。

【代码】vue3使用内部元素随着指尖移动而移动在uniapp开发app当中。

使用多个v-model来实现多个属性的双向绑定是 Vue 3 中非常简便的做法。你可以根据需要传递多个响应式数据，并通过事件来更新这些数据。这种方式既简洁又灵活，能够很好地适应父子组件之间复杂的数据交互。

直接使用引入也不是不可以直接进行调取，但是如果想走vue的话下面是解决方案。

Props 和 Emits用于父子组件间的数据传递。适用于跨级或兄弟组件间的共享数据。这种方式简单而直观，适合使用的场景！如果还有其他问题，随时问我。

在main.js中，可以通过来定义全局可用的属性或方法，使它们可以通过符号访问。以下是如何在main.js在 Vue 2 中，使用来扩展实例属性和方法。在 Vue 3 中，使用来定义全局属性和方法。组件式 API 和选项式 API 的主要区别在于对this的使用方式，组件式 API 更加灵活，但需要理解如何在setup中处理上下文。通过上述代码和解释，你可以理解在 Vue 中如何使用符号以及如何在main.js中定义全局可用的属性和方法。

1f尽快六角恐龙都结束了飞机到是覅sfd。2f尽快六角恐龙都结束了飞机到是覅sfd。

吐槽：真的可以不用就不要用uniapp，就像s一样，可以的话上Recat好很多，踩了很多坑。

这里的数据是UviewPlus进行解析的数据类型，然后这里的实际数据的类型是在file里面的，所以这样就跨域获取对应的数据并且可以上传到服务器上面去。

SockJS 的 API 非常简单且易于使用，与标准的 WebSocket API 相似。它主要用于在不支持 WebSocket 的环境中提供替代传输方式，从而保证客户端与服务器之间的实时通信。如果你有具体的场景或代码需要调试，欢迎提供详细信息，我可以帮助你进一步优化实现。

我们可以使用v-on的事件绑定对应的click事件，然后我们调用对应的函数里面的参数可以直接使用v-for去循环遍历所有的值然后直接往v-on:click里面进行存值，然后就可以通过点击将值传到对应的里面然后执行对应函数的跳转然后进行url传参然后当时的页面就可以直接获取URL的参数进行响应。

主要是因为ajax是异步的，但是他是异步然后到修改之后你this.data不一定就可以让v-for渲染整个页面所以应该在函数加载或者在函数调用的时候就可以直接先用this获取所有的数据，那么你就可以直接到对应的data的修改对应的数据，而且还可以直接用v-for覆盖到对应的数据里面。