【Vue 开发实战】生态篇 # 20：选择何种模式的路由及底层原理
2023-02-24
63
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
【Vue 开发实战】生态篇 # 20：选择何种模式的路由及底层原理
目录
相关文章
|
3月前
|
JavaScript
前端开发
网络架构
|
3月前
|
JavaScript
数据可视化
vue-cli学习二：vue-cli3版本 创建vue项目后，Runtime-Compiler和Runtime-only两个模式详解；vue项目管理器；配置文件的配置在哪，以及如何配置
这篇文章详细介绍了Vue CLI 3版本创建项目时的Runtime-Compiler和Runtime-only两种模式的区别、Vue程序的运行过程、render函数的使用、eslint的关闭方法，以及Vue CLI 2和3版本配置文件的不同和脚手架3版本创建项目的配置文件配置方法。
165
3
3
|
3月前
|
存储
JavaScript
前端开发
|
3月前
|
JavaScript
前端开发
|
2月前
|
JavaScript
UED
"Vue实战技巧大揭秘：一招解决路由跳转页面不回顶部难题，让你的单页面应用用户体验飙升！"
【10月更文挑战第23天】在Vue单页面应用中，点击路由跳转时，默认情况下页面不会自动滚动到顶部，这可能影响用户体验。本文通过一个新闻网站的案例，介绍了如何使用Vue-router的全局前置守卫和`scrollBehavior`方法，实现路由跳转时页面自动滚动到顶部的功能，提升用户浏览体验。
114
0
0
|
4月前
|
JavaScript
前端开发
UED
组件库实战 | 用vue3+ts实现全局Header和列表数据渲染ColumnList
该文章详细介绍了如何使用Vue3结合TypeScript来开发全局Header组件和列表数据渲染组件ColumnList，并提供了从设计到实现的完整步骤指导。
76
0
0
|
5月前
|
设计模式
JavaScript
前端开发
Vue.js组件设计模式：构建可复用组件库
在Vue.js中，构建可复用组件库是提升代码质量和维护性的核心策略。采用单文件组件（SFC），定义props及默认值，利用自定义事件和插槽进行灵活通信，结合Vuex或Pinia的状态管理，以及高阶组件技术，可以增强组件的功能性和灵活性。通过合理的抽象封装、考虑组件的可配置性和扩展性，并辅以详尽的文档和充分的测试，能够打造出既高效又可靠的组件库。此外，采用懒加载、按需导入技术优化性能，制定设计系统和风格指南确保一致性，配合版本控制、CI/CD流程和代码审查机制，最终形成一个高品质、易维护且具有良好社区支持的组件库。
80
7
8
|
5月前
|
设计模式
JavaScript
前端开发
Vue.js 组件设计模式：在前端热潮中找到归属感，打造可复用组件库，开启高效开发之旅！
【8月更文挑战第22天】Vue.js 以其高效构建单页应用著称，更可通过精良的组件设计打造可复用组件库。组件应职责单一、边界清晰，如一个显示文本并触发事件的按钮组件，通过 props 传递标签文本，利用插槽增强灵活性，允许父组件注入动态内容。结合 CSS 预处理器管理和封装独立模块，配以详尽文档，有效提升开发效率及代码可维护性。合理设计模式下，组件库既灵活又强大，持续实践可优化项目工作流。
68
1
1
|
5月前
|
JavaScript
Vue学习之--------消息订阅和发布、基础知识和实战应用（2022/8/24）
这篇文章介绍了Vue中消息订阅和发布的机制，作为组件间通信的一种方式，特别适用于任意组件间的通信。文章通过基础知识讲解和具体的代码实例，展示了如何使用`pubsub-js`库来安装、订阅、发布消息，并在组件销毁前取消订阅以避免内存泄漏。
55
0
0
|
5月前
|
JavaScript
Vue中组件化编码 完成任务的添加、删除、统计、勾选需求（实战练习三完结）
这篇文章展示了如何在Vue中实现任务添加、删除、勾选和统计功能，通过组件间参数传递和方法实现，提供了App.vue、TheList.vue、TheItem.vue、TheHeader.vue和TheFooter.vue组件的主要代码示例。
53
0
0
热门文章
最新文章
1
Vue3中v-model在处理自定义组件双向数据绑定时有哪些注意事项？
2
Vue 3 中 v-model 与 Vue 2 中 v-model 的区别是什么？
3
基于VUE的校园二手交易平台系统设计与实现毕业设计论文模板
4
在 Vue 3 中，如何使用 v-model 来处理自定义组件的双向数据绑定？
5
Vue3中使用provide/inject来避免v-model的循环引用
6
Vue3中v-model在处理自定义组件双向数据绑定时，如何避免循环引用？
7
除了provide/inject，Vue3中还有哪些方式可以避免v-model的循环引用？
8
vue3使用pinia中的actions，需要调用接口的话
9
vue视图更新原理、nextTick()原理
10
解决vue中使用echarts，大量数据缩放卡顿的问题
1
使用Vue.js构建交互式前端的技术探索
96
2
ruoyi-nbcio-plus基于vue3的flowable为了适配文件上传改造VForm3的代码记录
173
3
vue2升级到vue3的一些使用注意事项记录(四）
142
4
ruoyi-nbcio-plus基于vue3的flowable收回任务后重新进行提交表单的处理
158
5
ruoyi-nbcio-plus基于vue3的flowable多租户机制
210
6
ruoyi-nbcio-plus基于vue3的flowable的消息中心我的消息的升级修改
120
7
vue3中使用动态组件
117
8
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
150
9
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
80
10
ruoyi-nbcio-plus基于vue3的flowable的支持自定义业务流程处理页面detail.vue的升级修改
129