合集 Vue.js 前端开发实战 下的文章
文章系统梳理 Vue 项目中的网络请求与 UI 组件库实战:用 Mock.js 拦截 Ajax 并生成随机数据,实现前后端分离;配合 Axios 发送 RESTful 请求,完成数据交互;桌面端引入 ElementUI 布局、按钮、表格、表单等组件,移动端选用 Vant 2,快速搭建响应式界面,覆盖开发完整链路。
文章系统梳理 Vue SSR 实现路径:先对比 CSR 与 SSR 优劣,再用 vue-server-renderer 手写 Node/Express/Koa 最小 demo;继而用 webpack 分 entry-server、entry-client 双 Bundle,配合 vue-router history 模式完成同构;最后介绍 Nuxt.js 脚手架一键创建 SSR 项目,自动路由与页面机制,实现零配置服务端渲染。
文章系统讲解 Vue CLI 的安装与使用,包括命令行和 GUI 创建项目、目录结构、插件安装、CLI 服务与 vue.config.js 配置、多页应用、环境变量与模式、静态资源路径规则,为 Vue 开发环境搭建提供完整指南。
文章通过示例详解 Vuex 核心概念:state 存数据,mutations 同步改数据,actions 异步提交 mutations,getters 缓存计算,modules 拆分模块,plugins 注入钩子,并演示 mapState、registerModule、replaceState 等 API 用法,帮助开发者掌握大型 Vue 项目状态管理。
文章系统梳理 Vue 路由:先对比前后端路由,强调 SPA 用 hash 或 history 模式免刷新跳转;详解 vue-router 配置、router-link/view 使用;再讲 query、params、嵌套、命名路由/视图、编程式导航及路由守卫,附完整示例代码与动图,覆盖单页应用导航核心实践。
文章系统梳理 Vue 过渡与动画:从内置 transition 的 6 组 CSS 类切入,演示自定义类名、appear 初始渲染、@keyframes、JS 钩子函数及 Velocity.js 集成;继而覆盖多元素、多组件、列表等场景,强调 key、mode、transition-group 等细节,提供完整示例与最佳实践,帮助开发者快速实现流畅交互。
文章系统梳理 Vue 全局 API(directive、use、extend、set、mixin)与实例属性($props、$el、$slots 等),结合示例演示自定义指令、插件安装、响应式新增属性、混入机制及组件通信;并深入组件进阶,涵盖 mixins 复用、虚拟 DOM 结构、render + createElement 渲染函数与 diff 算法核心策略,为高效开发提供完整技术栈参考。
- 1
- 2
- 后一页 »