前端面试宝典

vue 高级特性

自定义v-model

参考官方文档:自定义组件的v-model

谈谈$nextTick的作用

Vue 是异步渲染,data改变之后,DOM不会立刻渲染,$nextTick会在DOM渲染之后被触发,以获取最新的DOM节点。

slot特性

  • 基本使用
  • 作用域插槽(不常用,但是需要知道)
  • 具名插槽

动态、异步组件

用法::is = "component-name"
异步组件: 使用时,再去加载组件 ()=> import(./components/tabs)

keep-alive

  • 缓存组件,频繁切换组件,不需要重复渲染。适用于Vue常见性能优化

mixin的优缺点

  • 多个组件有相同的逻辑,抽离出来

mixin 并不是完美的解决方案,会有一些问题。vue3 提出的Composition API 旨在解决这些问题。

  • 变量来源不明确,不利于阅读
  • 多mixin可能造成命名冲突
  • mixin和组件可能出现多对多的关系,复杂度较高。