本文总结了Vue面试中常见的知识点，包括route路由器的定义与使用、keep-alive缓存组件、v-if与v-show的区别、nextTick的使用场景、 scoped的作用、父子及兄弟组件通信方式、computed与methods的比较、watch的监听机制、data与props的优先级、以及路由的query与params参数。同时，探讨了Vue的路由生命周期、路由守卫、两种工作模式（hash与history）及其优缺点，并提供了编程式导航和激活/失活组件的处理方法。
Vue 面试相关题目
-
keep-alive
- vue系统自带的一个组件，功能是：缓存组件，使组件保持挂载，不被销毁
-
v-show & v-if 的区别
- 展示的形式不同
- v-if 不展示的DOM元素直接被移除
- v-show 元素被隐藏了，但是还存在
- 使用场景的不同
- v-if 适用于切换频率较低的场景
- v-show 适用于切换频率较高的场景
- 展示的形式不同
-
v-if and v-for的优先级
- v-for 的优先级要比 v-if 高
- 是在源码上体现的： function genElement
-
nextTick
- 获取更新后的 dom 内容
- nextTick() 异步操作
- 使用场景： this.￥nextTick()方法主要是用在数据改变，dom改变应用场景中。vue中数据和dom渲染由于是异步的，所以，要让dom结构随数据改变这样的操作都应该放进this. n e x t T i c k ( ) 的 回 调 函 数 中 。 c r e a t e d ( ) 中 使 用 的 方 法 时 ， d o m 还 没 有 渲 染 ， 如 果 此 时 在 该 钩 子 函 数 中 进 行 d o m 赋 值 数 据 （ 或 者 其 它 d o m 操 作 ） 时 无 异 于 徒 劳 ， 所 以 ， 此 时 t h i s . nextTick()的回调函数中。created()中使用的方法时，dom还没有渲染，如果此时在该钩子函数中进行dom赋值数据（或者其它dom操作）时无异于徒劳，所以，此时this. nextTick()的回调函数中。created()中使用的方法时，dom还没有渲染，如
最低0.47元/天 解锁文章
扫一扫
416
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
