- 博客(9)
- 收藏
- 关注
RSS订阅原创 electron-vue生成json文件
本文介绍了如何通过Vue和Electron实现表单数据收集并生成JSON文件的流程。首先在Vue父组件中收集表单数据(formDataList)，点击提交按钮时通过ipcRenderer将数据发送给Electron主进程。主进程使用dialog.showSaveDialog()让用户选择保存位置，再用fs.writeFileSync()将数据写入JSON文件。整个过程包括：1)Vue组件提交数据；2)主进程处理IPC调用并写入文件；3)生成格式化的JSON文件。最后提供了完整的工作机制流程图，展示了从表单提
2025-06-15 23:39:04
350
原创 computed计算属性
Vue中的计算属性（computed）是用于基于响应式数据自动计算并缓存新值的机制。它通过getter函数派生新数据（如姓名拼接、价格计算等），具有缓存功能，仅当依赖数据变化时才重新计算。相比普通函数和watch，计算属性能避免冗余计算，提升性能。基本语法是通过computed()接收getter函数，返回计算属性ref。计算属性特别适用于需要频繁使用派生值且依赖稳定的场景，是Vue优化应用性能的重要工具。
2025-06-05 20:30:19
412
原创 带参数的路由响应
VueRouter动态路由复用组件时，组件不会重新挂载（onMounted不执行），但route.params会变化。若需更新内容，必须手动监听或绑定参数。示例展示了通过computed和watch监听username参数变化来更新数据和界面。虽然组件实例被复用，但只要正确处理参数变化，用户仍能看到更新后的内容。
2025-06-05 19:04:53
521
原创 带参数的动态路由匹配
Vue.js中使用VueRouter实现动态路由匹配，通过在路径中使用":"标记参数。文章演示了如何配置带参数的路由，如/user/:id，并通过useRoute()获取参数值。还介绍了多参数路由配置示例/category/:name/page/:pageNumber。主要内容包括：1)路由配置方法；2)组件中获取参数的方式；3)支持多个动态参数的应用场景。这种机制使Vue应用能根据URL参数动态显示不同内容。
2025-06-05 16:51:44
252
原创 Vue router使用
本文介绍了Vue Router在Vue3中的基本使用方法：1)通过npm安装vue-router@4；2)创建路由配置文件，定义路由规则和组件映射；3)在main.js中注册路由；4)演示了组件中三种路由操作方式：router-link标签跳转、$router.push编程式导航以及router-view路由视图容器。文章提供了完整的代码示例，帮助开发者快速实现Vue3项目的路由功能。
2025-06-05 16:06:56
491
原创 Form表单验证
本文介绍了Vue表单验证的实现方式。通过Element Plus的el-form组件示例，展示了如何定义表单数据对象、验证规则以及提交/重置方法。重点解析了:rules和ref的区别：前者需冒号绑定JS表达式，后者作为组件引用名不需要冒号。文章还对比了三种常见属性绑定方式，并解释了为什么某些方法需要通过ref调用组件实例。验证逻辑包括必填校验和邮箱格式校验，提交时通过validate方法检查表单有效性。
2025-06-05 10:18:53
326
原创 v-model不等价:model
V-model和:model在Vue中的区别：v-model是语法糖，实现双向绑定（通过modelValue prop和update:modelValue事件），适用于需要实时更新的场景如输入框；而:model只是普通prop传递数据引用（如表单对象），不提供双向绑定。ElementPlus中，支持v-model的组件（如el-input）会处理数据更新，不支持v-model的（如el-form）仅接收数据引用。应根据需求选择：需要双向绑定用v-model，仅传递数据用:xxx。
2025-06-05 09:53:04
365
原创 单页应用（SPA）
单页应用(SPA)是一种现代网页架构，通过前端JavaScript动态更新内容，避免了传统网站整页刷新。SPA的核心特点包括：使用单一HTML页面、局部内容更新、前端路由控制、首次加载较慢但后续交互流畅。与传统多页应用不同，SPA点击链接时由前端框架(如Vue、React)处理路由变更，仅动态加载所需组件，提供类似APP的无缝用户体验。在Vue中，首次加载index.html后，所有页面切换都由VueRouter捕获并渲染对应组件，无需向服务器请求新页面。
2025-06-04 15:18:45
387
原创 Vue客户端路由与传统服务器端路由区别
客户端路由与服务器端路由的区别：服务器端路由每次访问新URL都会请求完整HTML页面，导致整页刷新和白屏闪烁；而客户端路由（如VueRouter）会拦截URL请求，仅动态替换指定组件内容（通过router-view），保持页面框架不变，实现无刷新流畅切换。前者需要服务器返回完整页面，后者则由前端框架处理路由逻辑，提升用户体验。
2025-06-04 14:47:21
756
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人