重生之我在学前端——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 引入的新特性,提供了一种更灵活和可组合的方式来构建组件。
阅读剩余
THE END