Vue复习(一)

基础

computed 和 watch

computed 和 watch 的区别
  1. computed 有缓存,data 不变则不会重新计算
  2. watch 监听引用类型,拿不到 oldVal
watch 如何深度监听?



高级特性

自定义 v-model









$nextTick

Vue 是异步渲染

data改变之后,DOM不会立刻渲染

$nextTick 会在DOM渲染之后被触发,以获取最新得DOM节点

多次修改 data 只会渲染一次




slot

  • 基本使用






  • 作用域插槽






  • 具名插槽






动态组件

  • 按需加载,异步加载大组件

  • 基本使用





  • 需要根据数据,动态渲染的场景。即组件类型不确定

异步组件

  • import() 函数



keep-alive

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

mixin

  • 多个组件有相同的逻辑,抽离出来
  • mixin 并不是完美的解决方案,会有一些问题
    • 变量来源不明确,不利于阅读
    • 多个 mixin 可能会造成命名冲突
    • mixin 和组件可能出现多对多的关系,复杂度较高
  • Vue3 提出的 Comosition API 旨在解决这些问题

相关面试技巧

  • 可以不太深入,但必须知道
  • 熟悉基本用法,了解使用场景
  • 最好能和自己的项目经验结合起来

你可能感兴趣的:(Vue,vue,复习,基础)