vue面试题.docx资源-CSDN文库

需积分: 2 92 浏览量 2023-09-04 15:41:22 上传评论收藏 23KB DOCX 举报

资源推荐

资源详情

资源评论

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 内置的一个组件，可以使被包含的组件保留状态，或避免重新渲染。

7.如何获取 dom?

答：ref="domName" 用法：this.$refs.domName

8.说出几种 vue 当中的指令和它的用法？

答：v-model 双向数据绑定；

v-for 循环；

v-if v-show 显示与隐藏；

v-on 事件；v-once : 只绑定一次。

9. vue-loader 是什么？使用它的用途有哪些？

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

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

内容反馈

垄断的5心

粉丝: 117
资源: 129

最新资源

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

feedback-tip