Vue 开发中，Methods、Computed 和 Watch 是处理数据逻辑的核心工具，各有不同的适用场景。Methods 是普通方法，需主动调用且无缓存；Computed 是计算属性，依赖数据变化自动更新且具有缓存；Watch 用于监听数据变化并执行回调。本文通过 Vue2 选项式 API 和 Vue3 组合式 API 的代码示例对比，详细解析了三者的概念、用法及核心区别。Methods 适

JavaScript原型链是理解其继承机制的核心概念。所有函数都有prototype属性（原型对象），所有对象都有__proto__属性（指向构造函数的原型）。原型链通过__proto__连接对象与其原型，形成属性查找路径：从对象自身开始，沿原型链向上查找直到Object.prototype（终点为null）。这种机制实现了继承，如子类通过将原型指向父类实例来继承属性和方法。注意避免直接修改__p

JavaScript 中的 call、apply 和 bind 都是用于改变函数执行时的 this 指向。call 和 apply 会立即执行函数，区别在于传参方式（逐个 vs 数组）；bind 则返回绑定了 this 的新函数，可延迟执行。常见应用场景包括：函数柯里化（bind）、求数组最大值（apply）以及类数组转数组（Array.prototype.slice.call）。面试常考手写 b

Vue3的ref和reactive是Composition API中的核心响应式工具，两者均基于Proxy实现，但存在关键差异。reactive直接代理对象/数组，支持深度响应式，适合管理复杂数据结构；ref通过容器包装基础类型，需通过.value访问，支持所有数据类型，模板中自动解包。选择方案时，基础类型用ref，对象/数组优先用reactive。ref包装对象时会内部转为reactive，确保

对于需要自定义渲染器（如适配非 Web 平台）的场景，Vue3.6 提供了新的 “底层渲染 API”，替代了之前基于虚拟 DOM 的渲染逻辑。虽然需要对自定义渲染器进行少量修改，但官方提供了清晰的迁移指南，且新 API 的性能比基于虚拟 DOM 的方案更优。Vue3.6 取消虚拟 DOM，不是 “否定过去”，而是 “面向未来” 的优化。

Vue中的key属性是虚拟DOM节点的唯一标识，在开发中有三大核心作用：1）避免循环渲染中的节点复用错误，应使用唯一ID而非索引作为key；2）提升DOM更新性能，通过key快速定位节点减少不必要的重建；3）强制组件重新渲染，通过改变key触发组件生命周期重置状态。使用时需注意key的唯一性，避免使用索引，推荐字符串或数字类型。理解key的原理能帮助开发者编写更健壮、高效的Vue代码。

摘要：Vue官方不建议在同一元素上同时使用v-for和v-if指令，主要原因包括：1）Vue2与Vue3执行顺序不同，Vue2中v-for先执行，Vue3中v-if先执行且会导致语法错误；2）性能损耗，Vue2会先循环生成所有节点再做条件判断；3）逻辑不清晰易引发歧义。正确做法是：需要过滤列表项时先用计算属性处理数据再循环；需要控制整个列表显示时，将条件判断放在循环的父容器上。这种分离写法能提升性

Vue-Router路由守卫全面解析 摘要：本文深入讲解Vue-Router三大类路由守卫的使用方法。全局守卫（beforeEach/beforeResolve/afterEach）控制整个应用路由导航，常用于权限验证；路由独享守卫（beforeEnter）针对单个路由进行特殊控制；组件内守卫（beforeRouteEnter/Update/Leave）在组件层面处理导航逻辑。文章详细分析了各类守

摘要： Vue Router 提供 hash 和 history 两种路由模式： hash 模式 基于 URL 的 # 锚点，通过 hashchange 事件实现无刷新导航，兼容性好且无需后端配置，但 URL 含 #，不支持原生锚点； history 模式 利用 HTML5 History API，URL 更简洁美观，但需后端支持（所有路径指向 index.html），兼容性仅限现代浏览器。 关键

Vue插槽是实现组件灵活复用的核心技术，主要包括三种类型：默认插槽用于基础内容注入，命名插槽实现多位置精准控制，作用域插槽允许子组件向父组件传递数据。通过插槽机制，子组件可定义结构框架，父组件动态注入内容，实现"框架与内容分离"。典型应用场景包括通用组件封装、列表渲染自定义和组件内容扩展。使用时需注意简写语法、插槽props的只读性以及合理设置备用内容。插槽技术大幅提升了Vue