vue是怎么渲染模板的

Vue的模板渲染过程主要分为三个核心阶段：模板解析 → 生成渲染函数 → 虚拟DOM渲染。 1. 模板解析（Parse） 目标：将模板字符串（如 <div>{{ msg }}</div>）转化为 抽象语法树（AST）。 过程： 使用正则表达式和词法/语法分析器解析模板。 识别标签、属性、指令（如 v

vue源码

一、响应式原理（核心考点） 核心机制： Vue 2：Object.defineProperty 劫持对象属性，通过 Dep（依赖收集器）和 Watcher（观察者）实现依赖收集与更新派发。 缺陷：无法监听数组索引/长度变化、对象新增属性（需 Vue.set）。 Vue 3：Proxy

打包压缩，dist 文件过大怎么解决

在Vue项目中，dist文件过大的问题通常由资源冗余、依赖未优化或打包配置不当导致。 1. 代码分割（Code Splitting） 原理：按需加载，减少初始包体积。 实现： 路由懒加载：使用动态 import() 语法拆分路由组件。 const routes = [ { path: '/hom

token保存在哪里

在 Vue 应用中存储 token 需要综合考虑安全性、持久性、跨域场景和开发便利性。 核心答案（面试推荐） 首选方案：HttpOnly + Secure Cookie 次选方案：内存存储（Vuex）配合短期 LocalStorage 避免方案：纯 LocalStorage/SessionStora

Vue 的 keep-alive 详解：作用、问题与优化

keep-alive 是

Vue中如何做样式穿透

在 Vue 中，样式穿透（Style Penetration）用于突破组件的 scoped 样式作用域，修改子组件或第三方组件的内部样式。以下是面试角度的简要回答： 核心方法 ::v-deep（Vue 2.x 推荐） 在父组件的 scoped 样式中使用，穿透子组件样式： /* 父组件样式 */ .

vue如何动态添加属性

在 Vue 中动态添加属性并保持响应式，需根据 Vue 版本采用不同方法。 Vue 2.x 问题：直接添加属性不会触发视图更新，因为 Vue 2 的响应式系统基于 Object.defineProperty，无法检测动态新增的属性。 解决方案： 使用 Vue.set() 或 this.$set()

路由的理解

在Vue中，路由是实现单页面应用（SPA）页面跳转与组件切换的核心机制，通过管理URL与组件的映射关系，实现无刷新页面导航。 1. 核心作用 无刷新跳转：通过改变URL路径，动态渲染对应组件，避免传统多页面应用的整页刷新。 组件映射：将URL与具体组件绑定，用户访问特定路径时，自动加载对应组件（如

单向数据流的理解

接口安全

async 和 await

axios二次封装