- 博客(29)
- 资源 (5)
- 收藏
- 关注
原创 pinia-storeToRefs方法
是 Pinia 中用于解构响应式状态的实用工具,解决了直接解构导致的响应性丢失问题。它让代码更简洁(支持解构语法),同时保持状态的响应式特性,是组合式 API 中使用 Pinia 的常用技巧。
2025-10-29 15:29:12
195
原创 pinia-同步/异步action写法
在 Pinia 中,actions是修改状态的核心方法,既支持同步操作,也支持异步操作(如接口请求)。与 Vuex 不同,Pinia 无需mutations,所有状态修改(包括同步和异步)都统一在actions中处理,语法更简洁。
2025-10-29 15:01:50
197
原创 初识pinia
Pinia 是 Vue 官方推荐的状态管理库,是 Vuex 的继任者,专为 Vue3 设计,支持 Vue2 兼容。它简化了状态管理逻辑,移除了 Vuex 中的mutations,采用更直观的 API,同时支持 TypeScript 类型推断和组合式 API。核心优势无需mutations,直接通过actions修改状态完整支持 TypeScript,类型提示友好与 Vue3 组合式 API 无缝集成支持多个 store 实例,避免单一状态树的臃肿轻量(约 1KB),学习成本低概念作用。
2025-10-29 14:29:13
105
原创 vue3 setup的平级函数(宏函数)
宏函数核心场景版本要求声明组件输入属性Vue 3.2+声明组件输出事件Vue 3.2+简化双向绑定(v-model)Vue 3.4+暴露组件内部成员给父组件Vue 3.2+useSlots访问插槽内容Vue 3.2+useAttrs处理非 props 属性(class、style 等)Vue 3.2+TypeScript 环境下设置 props 默认值Vue 3.2+声明组件元信息(name、inheritAttrs 等)Vue 3.3+这些宏函数是。
2025-10-21 16:39:43
833
原创 vue3 provide和inject使用介绍
在 Vue3 中,provide和inject用于实现跨层级组件通信(父组件向深层子组件传递数据),无需手动逐层传递 props。
2025-10-16 15:55:05
308
原创 vue3 模版引用
/ 暴露组件内部的方法或属性(供父组件访问)increment,count})</script>注意:在中,组件的属性和方法默认是封闭的,必须通过显式暴露才能被父组件访问。基本用法:通过ref变量与模板ref属性绑定访问子组件:需用暴露内部成员动态场景:使用函数式 ref 处理列表元素最佳实践:优先数据驱动,必要时才使用模板引用。
2025-10-14 15:04:37
327
原创 vue3 父传子
父组件通过:属性名="数据"传递子组件通过props(选项式)或(组合式)接收并声明验证规则遵循单向数据流原则,子组件不直接修改 props。
2025-10-13 17:32:08
359
原创 vue3 生命周期函数的组合式和选项式以及vue2选项式总结
Vue2 选项式 API 是经典写法,生命周期以选项方法定义,适合简单场景,但逻辑复用困难。Vue3 选项式 API 是对 Vue2 的兼容升级,仅调整了销毁相关钩子的名称,降低了迁移成本。Vue3 组合式 API 是更现代的写法,生命周期通过导入的钩子函数使用,支持按逻辑聚合代码,更适合复杂项目和逻辑复用。
2025-10-13 16:15:53
552
原创 vue3 watch函数用法
在 Vue3 中,watch函数用于监听响应式数据的变化,并在数据变化时执行指定的回调函数。它是处理数据变化副作用(如日志记录、数据请求、DOM 操作等)的核心 API。
2025-10-11 14:39:42
334
原创 vue3 computed计算函数的get/set的写法和直接写法介绍
维度直接写法(仅 getter)get/set 写法(读写)可修改性只读(修改会报错)可读写(通过 set 方法定义逻辑)适用场景纯派生值(如计算、过滤)需要反向修改源数据的场景语法结构单个箭头函数包含 get 和 set 的对象依赖更新仅依赖变化时自动更新依赖变化时更新,且支持主动修改。
2025-10-11 10:08:08
282
原创 vue3 computed计算函数用法
在 Vue3 中,computed是用于创建计算属性的 API,它可以基于响应式数据(ref或reactive)生成派生值,并且会自动追踪依赖,只有当依赖发生变化时才会重新计算。
2025-10-11 10:03:40
148
原创 vue3 reactive对比ref
ref:用于创建基本类型(String、Number、Boolean 等)的响应式数据,也可以用于对象类型。需要通过.value访问或修改其值。count.value++ // 修改值reactive:用于创建对象或数组类型的响应式数据,返回一个响应式代理对象,直接通过属性访问,无需.value。user.age = 31 // 修改值。
2025-10-10 16:58:23
307
原创 count深入使用-count(if())的使用
本文参考:https://blog.csdn.net/qq_29281307/article/details/103879717直接上图你还在做这种重复的操作吗?·第一个表是联查练习总数量·第二个表是答题正确的数量(除了比第一个表多了一个l.IS_RIGHT条件没有别的)解决:直接在上图·很显然这比上一个清晰多了·只用了一个count(if(条件,条件成立返回参数,条件不成立返回参数))...
2020-07-20 18:13:19
1790
原创 打包java web项目成exe文件
1.本地安装node 点击参考链接2.全局安装压缩软件 点击参考链接3.编辑要生成exe的信息,如exe图标等… 点击参考链接4.将jpg,png,gif图片转ico 点击参考链接...
2019-12-24 10:30:03
937
原创 spring mvc 返回json中去除null字段
1.@JsonInclude(Include.NON_NULL)2.用注解的方式放在标记类或者属性 package com.tj.exam.model;import java.util.List;import java.util.Map;import com.fasterxml.jackson.annotation.JsonInclude;import com.fasterxml....
2019-12-23 14:41:57
379
原创 将一个泛型数组分成多个
list.subList(fromIndex, toIndex) int size = stu.size();//学生个数 Integer peopleNum = pr.getExamPeopleNum();//每个考场中考生个数 for (int i = 0; i < size; i+=peopleNum) { if(i+peopleNum > size){...
2019-12-10 22:07:07
132
原创 JSAPI微信支付
JSAPI微信支付,这个写法只针对本人仅供参考,1.获取openIDhttps://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=获取openID方法(该地址需要使用UrlEncode转)&response_type=code&scope=snsapi_base&stat...
2019-09-23 11:17:02
283
原创 ajax
控制台打印:console.log();页面刷新:location.reload();json转字符串:JSON.stringify();弹窗:alert();确认提示框:if(confirm('确定要关闭吗')){}
2019-08-24 19:50:33
114
原创 java+ajax图片加参数修改信息
ajax写法参考:https://blog.csdn.net/x550392236/article/details/76690927实现上传图片效果:http://www.webkaka.com/tutorial/js/2018/092828/
2019-08-24 19:13:24
210
原创 关于spring @Scheduled(cron = "* * * * * ?")定时器
服务器上部署项目内有定时器注意事项1.不能throw异常,只能try{}catch(Exception e){}原因:如果定时器出现了异常直接throw出的话,这个接口就一直是异常状态,到下一次执行的时候一直是异常状态如果你是抓的异常,到下一次执行的时候是可以正常执行的。...
2019-08-20 17:04:23
234
原创 java 截取图片后缀
截取对象里图片路径的后缀名 int index = dto.getStuIdCardImgZ().lastIndexOf("."); char[] ch = dto.getStuIdCardImgZ().toCharArray(); String IdCardSuffixZ = String.copyValueOf(ch, index+1, ch.length - inde...
2019-08-09 10:28:20
1907
原创 mysql 两表查询 根据user表查询出user用户的审核统计
做一个每个老师的审核统计一、表结构1.wx_log表:user_id,login_name,password,username等字段,2.wx_user表:log_id,user_id,act_name等字段,两表查询,wx_user.user_id = wx_log.act_user_id二、sqlselect a.login_name,a.user_name,a.update_t...
2019-08-09 09:29:04
481
原创 java DBF弹框导出
DBF导出代码public ResultDto OutputDBF(String stuStatus,String mohu,HttpServletResponse response,HttpServletRequest request) throws Exception{ String[] tit = new String[]{ "sdid","stuname","stusex"...
2019-08-08 17:50:50
179
原创 Java 解压带密码的zip,读取zip中的txt文件和图片,txt内容添加数据库,复制图片,ssm框架定时器
定时任务,解压本地带密码的zip,将里面的图片进行复制到其他文件夹,将文件里的txt信息写入数据库只适用于Java ssm框架配置springmvc.xml解压带密码的zip一、unZipUtils工具类读取txt内容二、ReadTxtUtil工具类处理图片三、ctrl复制图片的静态方法ctrl思路只适用于Java ssm框架配置springmvc.xml<!-- 设置定时任务 --&...
2019-08-08 15:08:48
1402
原创 argument type mismatch 属性参数不匹配
argument type mismatch 属性参数不匹配mapper映射文件中javaType里面的类型要和实体类一样,
2019-06-13 08:50:42
2317
微信发送模板消息demo
2019-08-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅