重生之我在学前端——Vue篇
vue2全家桶
1. 核心框架
Vue.js 2.x:Vue 2 是 Vue.js 的稳定版本,提供了响应式数据绑定、组件系统、指令系统等核心功能。
2. 路由管理
Vue Router 3.x:Vue.js 官方的路由管理库,用于构建单页面应用(SPA)。它支持嵌套路由、动态路由匹配、编程式导航和导航守卫等功能。
3. 状态管理
Vuex 3.x:Vue.js 官方的状态管理库,用于集中管理应用的状态。它支持全局状态存储、模块化管理、状态变更的可预测性等。
4. 项目构建
Vue CLI 3.x/4.x:Vue.js 官方提供的脚手架工具,用于快速搭建 Vue 项目。它支持项目初始化、插件系统、自动配置和构建优化。
Webpack:Vue CLI 默认使用 Webpack 作为构建工具,用于模块打包、代码分割、热重载等功能。
5. 开发工具
Vue Devtools:浏览器扩展工具,用于调试 Vue.js 应用。它提供组件树视图、状态管理、事件监听等功能,帮助开发者快速定位问题。
6. 测试工具
Vue Test Utils:Vue.js 官方提供的测试工具,用于单元测试和集成测试。它支持组件测试、模拟和断言。
7. UI 组件库
Element UI:基于 Vue 2 的桌面端 UI 组件库,提供了丰富的组件,适用于构建企业级后台管理系统。
Ant Design Vue:基于 Vue 2 的企业级 UI 组件库,提供了完整的 UI 设计语言和高质量的组件。
Vant:基于 Vue 2 的移动端 UI 组件库,提供了丰富的移动端组件,适用于构建移动端应用。
9. 其他工具
Axios:一个基于 Promise 的 HTTP 客户端,用于发送 HTTP 请求,常用于与后端 API 交互。
ECharts:一个基于 Canvas 的开源可视化图表库,常用于数据可视化。

vue3全家桶
1.核心框架
Vue 3:Vue.js 的最新版本,提供了更快的渲染性能、更好的类型支持以及 Composition API 等新特性。
2.路由管理
Vue Router :Vue.js 官方的路由管理库,用于构建单页面应用(SPA),支持动态路由匹配、嵌套路由、编程式导航和导航守卫。
3.状态管理
Vuex 4:用于集中管理应用状态的库,支持集中式存储、单向数据流和模块化管理。
Pinia:Vue 3 的官方状态管理库,与 Vuex 相比,Pinia 提供了更简洁的 API 和更好的 TypeScript 支持。
项目构建
Vite:一个现代化的前端构建工具,基于原生 ES 模块,提供快速的开发服务器和构建性能。
4.开发工具
Vue Devtools:浏览器扩展工具,用于调试 Vue.js 应用,提供组件树视图、状态管理和事件监听等功能。
5.测试工具
Vue Test Utils:Vue.js 官方提供的测试工具,用于单元测试和集成测试,支持组件测试、模拟和断言。
6.UI 组件库
Element Plus:基于 Vue 3 的桌面端 UI 组件库。
Ant Design Vue:基于 Vue 3 的企业级 UI 组件库。
7.其他工具
Composition API:Vue 3 引入的新特性,提供了一种更灵活和可组合的方式来构建组件。

阅读剩余
版权声明:
作者:Shican_FelixLiu
链接:https://www.shicanyyds.cn/index.php/2025/04/09/%e9%87%8d%e7%94%9f%e4%b9%8b%e6%88%91%e5%9c%a8%e5%ad%a6%e5%89%8d%e7%ab%af-vue%e7%af%87/
文章版权归作者所有,未经允许请勿转载。
THE END









