自用Vue面试题

v-if和v-for不一起使用 路由懒加载 keep-alive缓存组件状态 SSR（服务端渲染） 第三方插件按需引入 像Element UI这样的第三方组件库可以按需引入避免体积太大 懒加载 长网页

SSR的定义 SSR全称是Server Side Rendering，即服务端渲染。它将Vue在客户端把标签渲染成HTML的工作放在服务器完成，然后再把HTML直接返回给客户端。 SSR的优点 更好的

MPA/Multi Page Application/多页面应用指的是有多个页面的应用，切换页面时必须重新加载HTML、CSS、JavaScript等相关资源。 组成 SPA：一个页面+许多模块的组件

SPA的定义 SPA/Single Page Application/单页面应用指的是只有一个页面的应用，只需要加载一次HTML、CSS、JavaScript等相关资源，一旦页面加载完成，不会因为用户

父组件传递数据给子组件 props 子组件传递数据给父组件 自定义事件：在子组件中，通过$emit来触发事件；在父组件中，通过v-on来监听子组件事件。 父组件访问子组件 $children $ref

使用方法 params需要用name来引入，接收参数this.$route.params.name，在路由信息配置时路径path需要占位。 query可以用name和path引入，接收参数this.$

$router是路由实例对象，包括了路由的跳转方法、钩子函数等，可以使用$router.push()、$router.replace()、$router.go()等。 $route是路由信息对象，包括

template -> ast（abstract syntax tree/抽象语法树） -> render函数

v-for优先级比v-if高。当你把v-if和v-for用在同一个元素上时，每次渲染都会先循环再进行条件判断，这带来性能方面的浪费。

--- theme: Chinese-red --- Vue中key的作用主要有两种情况: - 第一种情况是v-if中使用key。由于Vue尽可能高效地渲染元素，通常会复用已有元素而不是从头开始渲染，

当使用数组索引作为key时，Vue在渲染时会根据数组索引来确定每个元素的位置。如果数据中有元素的顺序发生了改变，那么Vue在更新DOM时可能会出现一些问题。例如某个元素的位置改变了，但由于其key值没

因为JS代码从上往下执行，当Vue实例没有挂载到标签上的时候，页面有可能显示未编译的Mustache标签。 使用v-cloak指令，原理是先隐藏，替换好值之后再显示最终的值（在Vue解析之前，div中

diff算法是一种通过同层的树节点进行比较的高效算法。它有两个特点，一是比较只会在同层级进行，不会跨层级比较；二是在比较的过程中，循环从两边向中间比较。整体策略遵循深度优先，同层比较。 diff算法在

减少了JavaScript操作真实DOM的带来的性能消耗，保证了性能下限。 我们对比修改DOM时对真实DOM操作和对虚拟DOM的过程，来看一下它们重绘重排的性能消耗： 真实DOM：生成HTML字符串

对将要插入到文档中的DOM树结构进行分析，使用JavaScript对象将其表示出来并将这个JavaScript对象树给保存下来，最后再将DOM片段插入到文档中。 当页面的状态发生改变，需要对页面的DO

虚拟DOM（Virtual DOM）是用来描述真实DOM的JavaScript对象。每次数据更新时，先对虚拟DOM进行操作，然后通过diff算法将修改后的虚拟DOM与老的虚拟DOM进行比较，找到两个虚

keep-alive是vue中的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 keep-alive提供include属性和exclude属性，两者都支持字符串或正则表达式，in

Vue中封装的数组方法 Vue将一些被侦听的数组⽅法进⾏了封装，它们也会触发视图更新，具体包括： - push()方法 - pop()方法 - unshift()方法 - shift()方法 - sp

更新阶段：beforeUpdate、updated。 与keep-alive有关的两个特殊的钩子函数：activated、deactivated

不会立即同步执行重新渲染。Vue实现响应式并不是data发生变化之后DOM立即变化，而是按照一定的策略进行DOM的更新：Vue在更新DOM时是异步执行的，只要侦听到数据变化，Vue将开启一个队列，并缓