2024-09-08在 Vue.js 的世界里，Vue Router 扮演着至关重要的角色，特别是在单页面应用（SPA）的开发中。Vue Router 不仅负责页面之间的跳转，还管理着页面的生命周期和状态。在 vue3 中，Vue Router 提供了多种导航方式，其中最基本也最重要的是 push 和 replace 方法。这两种方法虽然目的相同，即进行页面跳转，但它们对浏览器历史栈的处理却大相径庭。_vue3 router.push

https://www.qianduange.cn//article/17911.html 分类：前端知识

2024-09-08总结来说，Vue.js 中的 extends 继承机制为我们提供了一种灵活的组件复用手段，但也要结合具体应用场景合理选择继承或组合的方式，以最大程度发挥组件化的优势，同时保持代码的清晰和高效。在实际开发中，根据项目的具体需求和团队的编码习惯，可以选择最适合的方式来组织和复用组件代码。然而，在 vue3 中，Composition API 推崇的功能解耦原则让组件间的继承变得不再必需，更多的是通过组合（Composition）的方式实现逻辑复用。未被覆盖的选项将被继承。借助 Vue.extend。_vue extends

https://www.qianduange.cn//article/17910.html 分类：前端知识

2024-09-08解决Vite vue3打包项目本地运行html白屏和报错问题_vite打包后直接打开html 空白

https://www.qianduange.cn//article/17878.html 分类：前端知识

2024-09-08首先祝各位朋友们新年快乐！龙年大吉！在前端开发过程中，表单渲染是重要且繁琐的一环。为了提高开发效率并避免重复工作，我开发了一款基于vue3的表单工具，并取名vue-form-craft（vue表单工艺）。是适用于vue3项目中后台表单的一种通用解决方案。本文将介绍 vue-form-craft 的基本概念、使用方式及高级特性。主要由FormDesign（表单设计器）和SchemaForm（表单渲染器）组成。FormDesign通过拖拽快速生成JsonSchema，SchemaForm。_vue-form-craft

https://www.qianduange.cn//article/17875.html 分类：前端知识

2024-09-08结合vue3来使用TypeScript_vue3导入typescript

https://www.qianduange.cn//article/17869.html 分类：前端知识

2024-09-08首页开发 业务组件及优化_vue3 pinia vite ts 还原高性能外卖app项目

https://www.qianduange.cn//article/17865.html 分类：前端知识

2024-09-08在SCSS预处理器中，:deep是一个伪类器，用于一个元素的所有后代元素，无论它们在DOM结构中的层级深度如何。换句话说，:deep器是一个类似于CSS中的后代器，但是它可以不考虑嵌套层级的限制，而是选择所有符合条件的后代元素。例如，使用以下可以选择所有.container元素下的所有span需要注意的是，:deep选择器已经被标记为弃用的选择器，建议使用/deep/或者::v-deep代替。相关问题。_scss deep

https://www.qianduange.cn//article/17813.html 分类：前端知识

2024-09-06vue3，nuxt3，报错，警告，vue3警告，Unhandled error during execution of scheduler flush. This is likely a Vue internals bug. Please open an issue at，如何解决这个问题，vue3报错，浏览器控制台报错，页面刷新就警告，切换页面的时候警告报错，router路由切换，页面重载第一次警告，element-plus组件库警报，el-table表格，取值出现报错，组件报错，改了也不行，还是警报，依_vue3 vant unhandled error during execution of scheduler flush. this is likel

https://www.qianduange.cn//article/17750.html 分类：前端知识

2024-09-06在本篇博客中，我们演示了如何在vue3中使用Composition API实现文件上传功能，并与后端API进行交互。这种方式提供了清晰和结构化的代码，使得代码更易于维护和扩展。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作。_vue3上传文件

https://www.qianduange.cn//article/17746.html 分类：前端知识

2024-09-06公司有个项目使用vue2 js webpack框架开发的，由于该项目内部需要安扫，导致很多框架出现了漏洞需要升级，其中主要需要从vue2升vue3,但是重新搭框架推翻重做成本太高，于是找到了gogocode。a. 如在项目中引入了echarts依赖，在初始化时应使用markRaw。b. Util中的公用方法用export导出在main中引用。8. 升级eslint相关依赖版本及配置至支持vue3。3. 升级 Element 的引用代码。9. 修复代码里的其他报错。d. 根据报错提示修复代码。_vue2项目迁移vue3工具

https://www.qianduange.cn//article/17725.html 分类：前端知识