摘要：
Vue.nextTick 的核心作用是 在 DOM 更新完成后执行回调，它的原理和事件循环机制（Event Loop） 以及 微任务（Microtask） 紧密相关。 为什么需要 nextTick？ Vue 的数据更新是异步的，也就是： 当你修改 data 时，Vue 并不会立刻更新 DOM 它会将 阅读全文
posted @ 2025-08-13 17:05
煜火
阅读(43)
评论(0)
推荐(0)
摘要：
在 Vue 中重置 data 有两种常用方式，可以全部恢复到初始值，也可以只改部分字段。 1. 全部重置到初始值 Vue 组件的 data 是一个函数，它的返回值就是组件的初始状态，所以我们可以重新调用它： resetData() { Object.assign(this.$data, this.$ 阅读全文
posted @ 2025-08-12 17:20
煜火
阅读(301)
评论(0)
推荐(0)
摘要：
在 Vue（尤其是 Vue 2） 中，data 里的数组操作有些方法能直接触发视图更新，有些则不会。 原因是 Vue 2 用的是 基于 Object.defineProperty 的响应式系统，它对数组的方法做了特别的处理，但有些变化检测不到。 可以触发视图更新的数组方法 Vue 2 内部 重写 了 阅读全文
posted @ 2025-08-11 17:15
煜火
阅读(21)
评论(0)
推荐(0)
摘要：
VNode 和 虚拟 DOM 这两个概念是 Vue（以及 React 等现代框架）渲染机制的核心。 VNode 是什么？ VNode 全称是 Virtual Node，即虚拟节点。 它是一个 用 JavaScript 对象表示的 DOM 节点描述信息。 Vue 在内部会把模板（template）编译 阅读全文
posted @ 2025-08-08 16:57
煜火
阅读(70)
评论(0)
推荐(0)
摘要：
理解 Vue 的单向数据流，是掌握 Vue 响应式机制和组件通信的基础之一。它可以简要理解为： 什么是单向数据流？ 数据只能从父组件流向子组件，不能反过来。 图示理解： 父组件（Parent） ↓ props 子组件（Child） 父组件通过 props 把数据传给子组件。 子组件不能直接修改从父组 阅读全文
posted @ 2025-08-07 15:10
煜火
阅读(33)
评论(0)
推荐(0)
摘要：
SPA（Single Page Application，单页面应用）是一种 Web 应用程序的架构模式，它在 首次加载时只加载一个 HTML 页面，后续用户与页面的交互都通过 JavaScript 动态更新视图，而无需重新加载整个页面。 一句话解释： SPA 是用户访问整个网站时，只用加载一次页面， 阅读全文
posted @ 2025-08-06 16:08
煜火
阅读(105)
评论(0)
推荐(0)
摘要：
在 Vue 中，<style scoped> 的作用是 让样式只作用于当前组件内部，防止样式“污染”其他组件，也防止被其他组件覆盖。 原理简述 当你在 <style> 标签中加上 scoped： <style scoped> .my-box { color: red; } </style> Vue 阅读全文
posted @ 2025-08-05 16:33
煜火
阅读(64)
评论(0)
推荐(0)
摘要：
在 Vue CLI 创建的标准项目结构中，src/ 目录是项目的核心，它包含了你要开发的主要内容。下面是 src/ 目录下常见的文件和文件夹及其作用： src/ 目录结构及说明 src/ ├── assets/ ├── components/ ├── views/ ├── router/ ├── s 阅读全文
posted @ 2025-08-04 16:12
煜火
阅读(33)
评论(0)
推荐(0)
摘要：
Vue 页面第一次加载卡顿，常见于项目体积大、组件复杂、资源加载慢的场景。这个问题一般出现在「首屏加载」阶段，主要优化目标是让用户尽早看到内容、尽早可操作。 一、从根本上减轻页面体积 1. 路由懒加载 // 路由配置中使用 import() 动态加载组件 const routes = [ { pat 阅读全文
posted @ 2025-08-01 15:27
煜火
阅读(614)
评论(0)
推荐(0)
浙公网安备 33010602011771号