web前端开发Vue面试题记录

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

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

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只在当前组件中起作用