警警的博客

Vue核心基础Vue基础IIVue核心（推荐）Vue知识大全（推荐）Vue进阶篇Vue props数据传递注意点设计模式—观察者模式与发布订阅事件修饰符VuexVuex&PiniaVuex+Localstorage数据持久化Vue中组件数据传递nextTick与事件循环Vue组合式APIVue样式深度选择器，自定义Echarts等中样式自定义ElementUI样式Vue中CSS动态样式绑定虚拟DOM------虚拟DOM IIcomputed与watchMixin与Co

Vue3全解析摘要 Vue3作为主流前端框架，在性能、API设计和工程化方面均有显著提升。本文系统解析Vue3技术体系： 发展历程：从静态页面到SPA、SSR/SSG的演进过程，对比Vue1/Vue2/Vue3的核心差异，分析Vue3诞生的背景与优势。 核心语法：详解Setup语法糖、响应式API（ref/reactive等）、组件通信、生命周期、虚拟DOM优化等特性，提供实用代码示例。 底层原理：深入解析Proxy响应式机制、Composition API设计思路、组件渲染流程等核心原理，对比Vue2实现

在计算属性中直接修改可以吗？不可以会发出警告⚠，通过setter修改会触发响应式。

Vue 3 版本演进历程概览：从 3.0 到 3.6 版本持续优化性能与开发体验。3.0 引入 Composition API 和 Proxy 响应式系统；3.2 推出<script setup>语法糖；3.4 优化模板解析器；3.5-3.6 显著提升响应式性能40%，内存降低65%，并引入Vapor Mode（无虚拟DOM编译）。版本迭代聚焦三大方向：增强类型支持、简化API使用、优化运行时性能，建议新项目直接采用3.4+版本，享受最新特性和性能提升。

Vue双向数据绑定

Vue3核心技术体系深度解析 一、响应式系统 基于Proxy实现全属性监听，解决Vue2的局限性，支持对数组/对象增删操作的自动追踪。核心API： reactive(): 创建深响应式对象 ref(): 基础类型响应式包装 computed(): 派生状态管理 watch/watchEffect: 精细化副作用控制 二、虚拟DOM优化 静态提升：编译阶段标记静态节点，跳过Diff过程 Patch Flags：动态属性二进制标记，精确更新DOM 缓存事件处理函数，减少重复创建 三、模板编译改进 编译时预分析模

vue

例如，Vue.js 会在内部定义一些工具方法，这些工具方法既可以在浏览器端的 Vue.js 中使用，也可以在服务端的 Vue.js 中使用。需要注意的是，在Vue 2.x中，如果你使用了构建时预编译（例如通过vue-loader），那么模板已经被编译成了渲染函数，Vue在运行时就不需要再次编译了。在Vue 3.x中，编译过程有所变化，因为Vue 3引入了编译时优化和更高效的编译策略，但基本概念仍然相同：模板被编译成渲染函数，然后Vue使用这些渲染函数来生成和更新DOM。时，实际上是在调用这个构造函数。

Vue的响应式主要分为`数据劫持和发布订阅模式`。Vue2用的是Object.defineProperty，而Vue3改用Proxy。数据劫持就是在访问或修改对象属性时进行拦截，然后触发相应的更新。发布订阅模式则是用来收集依赖（比如视图更新函数），当数据变化时通知这些依赖执行。

Vue进阶面试题（一）

虚拟DOM是一种用于在前端开发中模拟真实DOM的技术。它是一种抽象的数据结构（简单来说就是一个Javascript对象），用于描述HTML或XML文档的结构和内容。通过将页面的状态和结构保存在内存中，而不是直接操作真实的DOM，虚拟DOM能够减少不必要的DOM操作，从而提高页面性能。

spa、vue按需加载、mvc与mvvm、vue的生命周期、Vue2与Vue3区别