Vue 面试复习

887 阅读1分钟

Vue 基本使用

  • 基本使用,组件使用 —— 常用,必须会

  • 高级特性 —— 不常用,但体现深度

  • Vuex 和 Vue-router 使用

  • v-html:会有 XSS 风险,会覆盖子组件

  • watch 监听对象的话使用 handle(),deep:true,oldVal 和 newVal 是同一个值,因为是引用类型,指向同一个地址

  • v-for 可以遍历对象 v-for="(val,key,index) in listObj"

  • v-for 和 v-if 不要在一起使用

  • 事件,@click='test(1,2,$event)' 最后一个参数是 $event

    1. $event 就是原生的 event 对象 === event.ptoto.constructor

    2. 事件被挂载到当前元素

image.png

image.png

表单

Vue 父子组件如何通讯

自定义事件要销毁 vue 中有$emit/$on

高级特性

自己实现 v-model

$nextTick

使用 ref this.$refs.xxx 拿元素

slot

作用域插槽

动态组件

如何异步加载组件

keep-alive

mixin

高级特性总结

Vuex

Vue-router 使用

Vue原理

如何理解MVVM

监听data变化的核心API是什么

如何深度监听data变化

Vue 如何监听数组变化

Vue 对数组方法进行了重写

虚拟dom

diff 算法

深入 diff 源码

patch 函数

都不传 Key undefined===undefined

patchVnode 函数

updateChildren 函数

虚拟 dom 总结

模板编译

Vue 组件中使用 render 代替 template

总结

vue 如何渲染和更新

vue 组件是异步渲染的

前端路由原理

hash

hash 路由底层是通过监听 hash 的变化来更新页面的,即 window.onhashchange 事件

history

总结

Vue 面试真题演练

vue3