- 博客(66)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Vue customRef
customRef是 Vue 3 中的一个高级响应式 API，用于创建自定义的响应式引用（ref），允许开发者对依赖追踪和更新触发过程进行细粒度控制。它通过一个工厂函数接收track和trigger两个函数，返回一个包含get和set方法的对象，从而实现灵活的响应式逻辑。。
2025-12-23 10:20:35
326
原创 vue toRow 与markRaw
官网描述：这是一个可以用于临时读取而不引起代理访问/跟踪开销，或是写入而不触发更改的特殊方法。不建议保存对原始对象的持久引用，请谨慎使用。返回的对象不再是响应式的，不会触发视图更新。—— 在需要将响应式对象传递给非。作用：用于获取一个响应式对象的原始对象，可以确保它们收到的是普通对象。的库或外部系统时，使用。变为响应式对象，可以使用。作用：标记一个对象，使其。
2025-12-23 09:47:49
67
原创 vue readonly 与shallowReadonly
readonly和是 Vue 3 中用于创建只读数据的两个函数，它们在只读的深度和性能上有所不同，适用于不同的场景。
2025-12-23 09:31:29
108
原创 vue shallowRef 与 shallowReacitive
shallowRef 和 shallowReactive 是 Vue 3 提供的两个用于创建浅层响应式数据的 API，它们在处理嵌套数据结构时与 ref 和 reactive 有本质区别，主要优势在于性能优化。以下从核心概念、原理、使用场景和关键差异等方面进行对比总结。
2025-12-12 16:29:24
294
原创 vue 路由2
模式，你需要在服务器上做一些配置，以确保当用户直接访问一个路由（例如，输入 URL 或刷新页面时），服务器能够正确地响应。Vue 路由器（Vue Router）是 Vue.js 的官方路由管理器，它允许你构建单页面应用（SPA）。符号，后面跟着的是路由的路径。通过点击导航，视觉效果上“消失” 了的路由组件，默认是被。作用：让路由组件更方便的收到参数（可以将路由参数作为。模式下，路由的 URL 会包含一个。参数时，需要提前在规则中占位。文件夹，一般组件通常存放在。掉的，需要的时候再去。的对象写法，必须使用。
2025-12-09 10:38:10
288
原创 vue 生命周期
Vue生命周期钩子函数详解：Vue组件实例在创建过程中会经历创建、挂载、更新和销毁四个阶段，每个阶段都有对应的钩子函数。Vue2和Vue3的生命周期钩子有所不同，Vue3使用setup作为创建阶段，并提供onBeforeMount、onMounted等组合式API。常用的钩子包括onMounted(挂载完毕)、onUpdated(更新完毕)和onBeforeUnmount(卸载前)。示例代码演示了如何在Vue3中使用这些钩子函数来监控组件的各个生命周期阶段。
2025-12-05 16:58:22
129
原创 vue ref
Vue中的ref主要用于创建响应式变量和访问DOM元素/组件实例。其核心功能包括：1)通过ref()将数据转为响应式对象，需使用.value操作；2)在模板中通过ref标记元素，使用this.$refs(Vue2)或const el=ref(null)(Vue3)获取DOM节点或组件实例。典型应用场景包括表单验证、动画控制和组件通信。在Vue3的<script setup>中，需结合defineExpose暴露子组件数据供父组件通过ref调用。示例展示了如何通过ref操作DOM文本和访问子组件数
2025-12-05 12:00:05
291
原创 vue2 watch 和vue3 watch 的区别
Vue2与Vue3的watch机制对比： 语法差异：Vue2采用选项式配置，Vue3需导入watch函数 监听源：Vue3支持ref/reactive/getter函数，更灵活 功能增强：Vue3新增watchEffect自动追踪依赖，支持副作用清理 性能优化：Vue3默认深度监听reactive对象，建议精确监听提升性能 兼容性：Vue3保留immediate选项，同时扩展了多源监听能力 （149字）
2025-12-04 17:01:07
415
原创 vue watch
Vue 2 和 Vue 3 中的 watch 机制在核心功能上相似，但语法、灵活性和底层实现有显著差异。Vue2watchVue3watchrefreactivegetter我们在Vue3中使用watch。
2025-12-04 16:42:04
185
原创 vue computed 和 watch
computed 和 watch 是 Vue.js 中处理数据变化的两种核心机制，：computed 用于缓存派生值，watch 用于响应数据变化的异步或副作用操作。。
2025-12-04 14:53:30
156
原创 vue toRefs 与 toRef
toRef与toRefs是Vue3中用于解构响应式对象的实用工具函数，主要解决reactive对象属性失去响应性的问题。 toRef针对单个属性转换，toRefs则批量处理对象属性。：将响应式对象(reactive对象)的单个属性转为独立的ref对象，保持与源属性的双向绑定关系（修改ref值会同步修改源对象）。：将整个响应式对象的所有属性批量转换为普通对象，每个属性都是独立ref对象，常用于解构后保持响应性。
2025-12-03 17:28:19
166
原创 vue3 中的 ref 和 reactive
在 Vue3 中，ref 和 reactive 是两个核心的响应式 API，用于创建响应式数据。它们在功能和使用场景上存在显著差异。
2025-12-02 22:30:00
394
原创 vue setup与OptionsAPI
setup是 vue3 中一个新的配置项，值是一个函数，组件中所用到的：数据、方法、计算属性、监视等等，全配置再setUp中。
2025-12-02 15:43:12
420
原创 vue OptionsAPI与CompositionAPI
两者性能差异不大，但Composition API在Vue 3中更灵活，支持更细粒度的生命周期控制。
2025-12-02 09:16:52
381
原创 vue 开发前的准备
-- public/ # 公共文件，不会被Webpack处理| |-- index.html # 入口HTML文件|-- src/ # 源代码目录| |-- assets/ # 静态资源，如图片、字体等| |-- components/ # Vue组件| |-- views/ # 页面组件| |-- router/ # 路由配置| | |-- index.js # 路由定义| |-- store/ # Vuex状态管理（如果有使用）
2025-12-01 15:11:16
617
原创 springboot 定时任务备份mysql数据库
接下来，你需要设置一个定时任务，让这个脚本在每天凌晨一点执行。你可以使用 cron 来实现这一点。保存并退出编辑器，这样就设置好了定时任务。这个任务将会在每天凌晨一点执行你的备份脚本。记录在Linux 系统上定时备份MySQL数据库。应该替换为你实际的备份脚本所在的路径。2、也可以在Linux中执行备份脚本，1、在代码中添加备份。
2024-03-01 08:47:30
854
原创 人大金仓（ES V8R3） license文件过期
2. 安装目录下的Server/bin下的license文件。官网下载对应的最新的授权文件，替换。1、安装目录下的license文件。
2023-06-25 14:50:26
2309
原创 Unable to connect to Redis； nested exception is io.lettuce.core.RedisConnectionException: 解决办法
1. 打开 redis.windows.config文件（linux对应redis.conf文件）将 NETWORK 下 bind 127.0.0.1 注释掉。我的问题原因是Redis 没有密码，application.yml中配置了密码，注释掉密码，重启Radis即可。并将 protected-mode yes 改为 protected-mode no；2、同理修改redis.windows.server.config 文件中相应的内容；3、重启Redis服务，即可使用IP访问Redis了。
2023-06-06 10:40:25
1983
原创 echarts鼠标移入焦点错位的问题
给echarts再加上 zoom、transform：scale、transform-origin，这三个属性，即：既然body缩放了，那么渲染echarts图表的div再给他放大回去就好了。因为设置了zoom，如果你在你的项目中设置了zoom以达到缩放比例的适配，在使用echarts图表时就会出现错位的问题。当页面body拥有zoom属性之后，鼠标划过echarts图表时，触发位置就不正常。1、在页面存在缩放的时候，echarts鼠标移入焦点错位的问题。
2023-05-31 10:17:19
1963
1
原创 FileNotFoundException: This file can not be opened as a file descriptor； it is probably compressed
打开assest中的文件异常
2022-08-03 11:01:49
1020
原创 java.lang.IllegalStateException: Fragment no longer exists for key f0:
报错日志：java.lang.IllegalStateException: Fragement no longer exists for key f0: index 0at android.support.v4.app.FragmentManagerImpl.getFragment(FragmentManager.java:564)at android.support.v4.app.FragmentStatePagerAdapter.restoreState(FragmentStatePagerA
2022-05-24 09:59:54
2186
原创 viewpager2异常： java.lang.IllegalStateException: Fragment no longer exists for key f#1: unique id 8052
异常信息： java.lang.IllegalStateException: Fragment no longer exists for key f#1: unique id 805285bc-7a1d-483f-9f79-5bb717c4e1ed at androidx.fragment.app.FragmentManagerImpl.getFragment(FragmentManagerImpl.java:365) at androidx.viewpager2.ad
2022-03-31 15:06:48
3434
3
原创 java.lang.IllegalStateException: Fragment no longer exists for key f0: unique id 8b73484e-f6ef-43c6
java.lang.IllegalStateException: Fragment no longer exists for key f0: unique id 8b73484e-f6ef-43c6-b7f7-17c1df3ee85b at androidx.fragment.app.FragmentManager.getFragment(FragmentManager.java:772) at androidx.fragment.app.FragmentStatePage.
2021-11-01 10:54:27
4369
原创 Android中防止Toast一直点击一直弹出
在使用工作中经常使用Toast,如果用户连续点击很多下按钮，可能Toast显示一两分钟也不会消失，这就给我们的用户造成了困扰。以下是解决办法：private int num = 0;//连续点击的次数private static Toast toast;private Toast getInstanceToast(Context context) {if (toast == n
2021-10-28 14:55:38
803
原创 异常：java.lang.NullPointerException: Parameter specified as non-null is null:
异常：java.lang.NullPointerException: Parameter specified as non-null is null: method kotlin.jvm.internal.Intrinsics.checkNotNullParameter, parameter share_media at com.ocsyun.read.utils.ShareSdkUtil$ShareCustListener.onclick(Unknown Source:7)
2021-10-28 14:54:03
5668
1
原创 Photoshop去除海报上的文字
1、首先找到选择，选择其中的色彩范围。2、打开色彩范围面板后用吸管工具吸取文字上的颜色，然后调整容差让文字全部显现出来。3、再次点击选择找到修改，在修改里面找到扩展，扩展两个像素（根据自己海报上的实际文字大小和情况选择扩展像素的多少。）左右即可。4、最后点击 编辑—填充—内容识别注释：海报来源于网络...
2021-10-23 10:43:21
860
Android listview怎么滑动到指定位置？
2016-07-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人