作者小头像 Lv.7
更多个人资料
6197 成长值
13 关注
35 粉丝
+ 关注 私信

个人介绍

熟悉centos及docker的基本操作，擅长人工智能和数据库sql优化。

感兴趣或擅长的领域

自动化运维、人工智能、数据库
个人勋章
  • 活跃之星
  • 云上体验官
成长雷达
6045
132
0
0
20

个人资料

个人介绍

熟悉centos及docker的基本操作，擅长人工智能和数据库sql优化。

感兴趣或擅长的领域

自动化运维、人工智能、数据库

达成规则

以上满足项可达成此勋章

  • 博客
  • 关注
  • 粉丝
  • 论坛
全部时间
全部时间
最近三天
最近一周
最近一月
  • 全部
  • 暂无专栏分类
vue watch vs. watchEffect 区别
在 Vue 3 中，watch 和 watchEffect 均用于响应式监听数据变化，但二者在依赖收集方式、执行时机、参数传递、适用场景等方面存在显著差异，具体对比如下： 1. 依赖收集方式watch需显式指定要监听的数据源（如 ref、reactive 对象属性、getter 函数等），仅追踪这些明确声明的依赖。示例：const count = ref(0);watch(count, (n...
Vue
作者小头像 林欣 2025-12-11 14:23:45
19
0
0
2025-12-11 14:23:45
19
0
0
vue 深层侦听器
在 Vue 中，深层侦听器（Deep Watcher） 用于监听一个响应式对象（或数组）内部嵌套属性的变化。默认情况下，watch 只会监听对象或数组的引用变化（即是否被重新赋值），而不会监听其内部属性的变化。通过设置 deep: true，可以强制监听所有嵌套属性的变化。 1. 基本用法 监听嵌套对象的变化const state = reactive({ user: { name:...
Vue
作者小头像 林欣 2025-12-11 14:23:25
18
0
0
2025-12-11 14:23:25
18
0
0
vue侦听器监视属性的getter函数的原理解析
在 Vue 中，侦听器（watch）能够监视属性的 getter 函数（如 () => obj.property），而不是直接监视属性值（如 obj.property），这主要得益于 Vue 的响应式依赖收集机制和 JavaScript 的动态执行特性。以下是详细解释： 1. Getter 函数允许动态依赖收集Vue 的响应式系统（基于 Proxy 或 Object.defineProper...
Vue
作者小头像 林欣 2025-12-11 14:23:06
11
0
0
2025-12-11 14:23:06
11
0
0
Vue 侦听 属性的 getter 函数
在 Vue 中，不能直接侦听响应式对象的属性值（如 obj.property），而需要使用返回该属性的 getter 函数（如 () => obj.property），这主要与 Vue 的响应式系统实现机制和 JavaScript 的限制有关。以下是具体原因： 1. JavaScript 对象的限制在 JavaScript 中，直接传递一个属性引用（如 obj.property）时，你传递的...
Vue
作者小头像 林欣 2025-12-11 14:20:06
13
0
0
2025-12-11 14:20:06
13
0
0
vue 无法侦听响应式对象的属性值的原因分析
在 Vue 中，不能直接侦听响应式对象的属性值（如 obj.property），而需要使用返回该属性的 getter 函数（如 () => obj.property），这主要与 Vue 的响应式系统实现机制和 JavaScript 的限制有关。以下是具体原因： 1. JavaScript 对象的限制在 JavaScript 中，直接传递一个属性引用（如 obj.property）时，你传递的...
Vue
作者小头像 林欣 2025-12-11 11:16:45
15
0
0
2025-12-11 11:16:45
15
0
0
Vue 事件修饰符 —— 系统按键修饰符
在 Vue 的事件修饰符中，系统按键修饰符（如 .ctrl、.alt、.shift、.meta）与常规按键修饰符（如 .enter、.esc）的行为不同，尤其是在与 keyup 事件配合使用时。这种差异源于浏览器原生事件的机制和 Vue 的封装逻辑。以下是详细解释和示例： 🔍 核心区别 1. 常规按键修饰符（如 .enter）行为：直接监听特定按键的 keyup 或 keydown 事件。...
Vue
作者小头像 林欣 2025-12-09 16:58:05
37
0
0
2025-12-09 16:58:05
37
0
0
Vue ref 和 reactive 的使用场景
在 Vue 3 的 Composition API 中，ref 和 reactive 都可以用于创建响应式数据，但在你的例子中，使用 ref 而不是 reactive 来包装数组 numbers 主要有以下几个原因： 1. ref 更通用，适合任意类型的数据ref 可以包装任意类型的数据（基本类型、对象、数组等），而 reactive 只能包装对象（包括数组，因为数组在 JS 中也是对象）。...
Vue
作者小头像 林欣 2025-12-09 11:54:31
36
0
0
2025-12-09 11:54:31
36
0
0
Vue 组件中有多个根元素传递class元素
在 Vue 中，如果组件有多个根元素（即多根节点组件），当父组件传递 class 或 style 时，Vue 不会自动将这些属性合并到所有根节点上，而是需要你显式指定哪个根元素接收这些属性。这是 Vue 3 的一个重要行为变化（Vue 2 不支持多根节点组件）。 📌 问题场景假设有一个多根节点的组件：<!-- MyComponent.vue --><template> <header>标...
Vue
作者小头像 林欣 2025-12-09 10:21:06
35
0
0
2025-12-09 10:21:06
35
0
0
Vue中 v-for组件中 key 的使用场景
在 Vue 的 v-for 中，key 的使用至关重要，但并非所有场景都需要显式指定 key。以下是详细的判断标准和最佳实践： 📌 必须使用 key 的场景 1. 列表项有动态变化（增删改、排序、过滤）原因：Vue 默认通过 key 跟踪每个节点的身份，从而高效地复用、重新排序或移除元素。如果没有 key，Vue 会使用“就地复用”策略，可能导致状态错乱（如输入框内容交换、动画异常等）。示...
Vue
作者小头像 林欣 2025-12-09 09:56:14
37
0
0
2025-12-09 09:56:14
37
0
0
Vue 列表渲染默认复用 DOM 导致的问题
❌ 问题场景：表单输入错乱假设我们有一个列表，渲染两个输入框，用户可以在输入框中输入内容：<template> <div> <button @click="swapItems">交换列表顺序</button> <div v-for="(item, index) in list" :key="index"> <input :placeholder="item.plac...
Vue 渲染
作者小头像 林欣 2025-12-08 17:43:56
46
0
0
2025-12-08 17:43:56
46
0
0
总条数：460
10
10
20
50
100
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 46

上滑加载中

https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=0&rsv_idx=1&tn=baidu&wd=sed%20%E6%9B%BF%E6%8D%A2%E5%AD%97%E7%AC%A6%E4%B8%B2&rsv_pq=c7db61a600035dc5&rsv_t=5e19yEsbV9N5fIvdlGRU
作者小头像
作者小头像
快速交付
+ 关注