本文记录 Spring Boot + Vue.js 构建 EAM 系统的第二阶段：新增 Modify.vue 组件实现资产修改，配置动态路由 /modify/:id，通过 Mock.js 提供 getById、modify、delete 接口，解决下拉框数值类型回显冲突，完成列表页编辑、删除按钮与确认对话框联动，实现资产数据的全流程模拟交互。

文章记录基于 Spring Boot + Vue.js 的 EAM 资产管理系统首阶段开发：设计 MySQL 资产表，用 Vue CLI 搭建前端，集成 ElementUI、Axios、Mock.js；实现资产列表分页展示、新增资产表单及校验，Mock 接口完成增删改查模拟，打通前后端联调流程。

文章系统梳理 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、嵌套、命名路由/视图、编程式导航及路由守卫，附完整示例代码与动图，覆盖单页应用导航核心实践。