【免费】vue常见面试题.docx资源-CSDN文库

需积分: 0 123 浏览量 2023-03-13 15:26:09 上传评论 1 收藏 16KB DOCX 举报

资源推荐

资源详情

资源评论

vue 常见面试题

1.vue 优点？

答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb；

简单易学：国人开发，中文文档，不存在语言障碍，易于理解和学习；

双向数据绑定：保留了 angular 的特点，在数据操作方面更为简单；

组件化：保留了 react 的优点，实现了 html 的封装和重用，在构建单页面应用方面有着

独特的优势；

视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操

作数据就能完成相关操作；

虚拟 DOM：dom 操作是非常耗费性能的，不再使用原生的 dom 操作节点，极大解放

dom 操作，但具体操作的还是 dom 不过是换了另一种方式；

运行速度更快:相比较与 react 而言，同样是操作虚拟 dom，就性能而言，vue 存在很大

的优势。

2.vue 父组件向子组件传递数据？

答：通过 props

3.子组件像父组件传递事件？

答：$emit 方法

4.v-show 和 v-if 指令的共同点和不同点？

答: 共同点：都能控制元素的显示和隐藏；

不同点：实现本质方法不同，v-show 本质就是通过控制 css 中的 display 设置为 none，

控制隐藏，只会编译一次；v-if 是动态的向 DOM 树内添加或者删除 DOM 元素，若初始

值为 false，就不会编译了。而且 v-if 不停的销毁和创建比较消耗性能。

总结：如果要频繁切换某节点，使用 v-show(切换开销比较小，初始开销较大)。如果不

需要频繁切换某节点使用 v-if（初始渲染开销较小，切换开销比较大）。

5.如何让 CSS 只在当前组件中起作用？

答：在组件中的 style 前面加上 scoped

6.<keep-alive></keep-alive>的作用是什么?

答:keep-alive 是 Vue 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

haiooh

粉丝: 5
资源: 9

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip