vue常见面试题（附带答案） 超实用！！建议收藏！！

大家好，欢迎来到IT知识分享网。

一、vue常见面试题

1.vue优点？

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

答：通过props

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

答：$emit方法

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

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

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

6.的作用是什么?

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

7.如何获取dom?

答：ref=“domName” 用法：this.$refs.domName

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

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

10.为什么使用key?

11.axios及安装?

12.v-modal的使用。

13.请说出vue.cli项目中src目录每个文件夹和文件的用法？

答：assets文件夹是放静态资源；components是放组件；router是定义路由相关的配置; app.vue是一个应用主组件；main.js是入口文件。

14.分别简述computed和watch的使用场景

答：可以，栗子：。

16.$ nextTick的使用

17.vue组件中data为什么必须是一个函数？

18.渐进式框架的理解

答：主张最少；可以根据不同的需求选择不同的层级；

19.Vue中双向数据绑定是如何实现的？

20.单页面应用和多页面应用区别及优缺点

二、生命周期函数面试题

1.什么是 vue 生命周期？有什么作用？

答：每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做 生命周期钩子 的函数，这给了用户在不同阶段添加自己的代码的机会。（ps：生命周期钩子就是生命周期函数）例如，如果要通过某些插件操作DOM节点，如想在页面渲染完后弹出广告窗， 那我们最早可在mounted 中进行。

2.第一次页面加载会触发哪几个钩子？

答：beforeCreate， created， beforeMount， mounted

3.简述每个周期具体适合哪些场景

4.created和mounted的区别

5.vue获取数据在哪个周期函数

6.请详细说下你对vue生命周期的理解？

三、vue路由面试题

1.mvvm 框架是什么？

答：vue是实现了双向数据绑定的mvvm框架，当视图改变更新模型层，当模型层改变更新视图层。在vue中，使用了双向绑定技术，就是View的变化能实时让Model发生变化，而Model的变化也能实时更新到View。

2.vue-router 是什么?它有哪些组件

答：vue用来写路由一个插件。router-link、router-view

3.active-class 是哪个组件的属性？

答：vue-router模块的router-link组件。children数组来定义子路由

4.怎么定义 vue-router 的动态路由? 怎么获取传过来的值？

答：在router目录下的index.js文件中，对path属性加上/:id。 使用router对象的params.id。

5.vue-router 有哪几种导航钩子?

6.$route 和 $router 的区别

答：$router是VueRouter的实例，在script标签中想要导航到不同的URL,使用$router.push方法。返回上一个历史history用$router.to(-1)
$route为当前router跳转对象。里面可以获取当前路由的name,path,query,parmas等。

7.vue-router的两种模式

8.vue-router实现路由懒加载（ 动态加载路由 ）

四、vuex常见面试题

1.vuex是什么？怎么使用？哪种功能场景使用它？

2.vuex有哪几种属性？

3.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中？