web前端开发Vue面试题记录

发布时间:2023-04-18 14:00

心态放松,精神饱满;沉淀自己,善于学习​​​​​​​;知识在于积累,更是一笔财富。

✨ ⭐️ 看完文章,感谢各位支持一下呗!

web前端开发Vue面试题记录_第1张图片

Vue面试题

1、vue优点

  • 轻量级
  • 速度快
  • 简单易学
  • 低耦合
  • 可重用性
  • 独立开发
  • 文档齐全,且文档为中文文档

2、vue父子组件传递数据

props
$emit

3、v-show和v-if指令的共同点和不同点

共同点:都是动态显示 DOM 元素
区别点:

  • v-if 是动态的向 DOM 树内添加或者删除 DOM 元素
  • v-show 是通过设置 DOM 元素的 display 样式属性控制显隐
  • v-if 切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件
  • v-show 只是简单的基于 css 切换

性能消耗

  • v-if 有更高的切换消耗
  • v-show 有更高的初始渲染消耗

使用场景

  • v-if 适合条件不频繁改变情况
  • v-show 适合频繁切换

4、如何让CSS只在当前组件中起作用