vue面试中常见的10道面试题

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

答： props

2.vue子组件向父组件传递事件？

答：$emit

3. 如何让CSS只在当前组件中起作用?

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

4.keep-alive的作用是什么?

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

5.如何获取dom?

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

6.为什么使用key?

答：需要使用 key 来给每个节点做一个唯一标识， Diff 算法就可以正确的识别此节点。作用主要是为了高效的更新虚拟 DOM

7.axios及安装?

答：请求后台资源的模块。npm install axios —save 装好， js中使用 import 进来，然后 .get 或 .post 。返回在 .then 函数中如果成功，失败则是在 .catch 函数中。

8.v-if和v-for的优先级

答：当 v-if 与 v-for 一起使用时，v-for 具有比 v-if 更高的优先级，这意味着 v-if 将分别重复运行于每个 v-for 循环中。所以，不推荐 v-if 和 v-for 同时使用。如果 v-if 和 v-for 一起用的话，vue中的的会自动提示 v-if 应该放到外层去。

9.vue常用的修饰符

答：

• .stop：等同于 JavaScript 中的 event.stopPropagation() ，防止事件冒泡；
• .prevent ：等同于 JavaScript 中的 event.preventDefault() ，防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播）；
• .capture ：与事件冒泡的方向相反，事件捕获由外到内；
• .self ：只会触发自己范围内的事件，不包含子元素；
• .once ：只会触发一次。

10.vue更新数组时触发视图更新的方法

答:push()；pop()；shift()；unshift()；splice()；sort()；reverse()