Vue常见面试问题总结（更新中）

1 MVVM中，M V V M 分别代表什么？作用是什么？（待补充）
MVVM是Model-View-ViewModel的缩写，即模型，视图，视图模型
它本质上使MVC的改进版，作用是分离视图V和模型M，在通过VM视图模型将二者联系起来。优点是低耦合 可复用 独立开发 可测试
更新View视图中的数据，通过VM视图模型，可以自动更新Model模型中的数据
更新Model模型中的数据，通过VM视图模型，可以自动更新View视图中的数据

---

2 简述什么是单页应用？以及单页应用的优缺点.

单页应用即整个应用中只有一个html页面，而由多个组件构成
单页应用的有点有：
页面切换的时候，因为不刷新整个页面，而进行组件的加载所以页面切换速度较快，用户体验较好。
单页应用可以前后端分离开发，提高了开发的效率。
单页应用在页面切换的时候切换效果更加炫酷。（待补充）
单页应用的缺点有：
单页应用因为要加载组件，所以首页加载的速度较慢。
单页应用不利于seo（搜索优化，即搜索引擎的自然排名）
单页应用不能导航（待补充）
单页应用的开发复杂度提高

---

3 Vue中的src文件夹一般都是放置哪些文件/文件夹？

src目录为前端开发的源码目录。
1）assets：文件夹用来放置静态资源目
2）components：功能组件
3）views：页面组件
4）router：路由文件
5）store：vuex的数据
6）app.vue：首页，初始化页面
7）main.js：入口文件

---

4 简述vue中生命周期（钩子函数），及其作用？

vue的声明周期即vue实例创建到销毁的过程。
钩子函数有八个，分别为：
beforeCreate 初始化前
created 初始化完成
beforeMount 双向绑定前（挂载前）
mounted 双向绑定完成 挂载完成
beforeUpdate 更新前
updated 更新完成
beforeDestroy 销毁前
destroyed 销毁完成

---

5 前后台分离，跨域问题如何解决的?

1使用nginx代理，通过nginx反向代理，将跨域请求转换为非跨域请求。可以处理任意类型的请求 。
2通过CORS技术，CORS是w3c解决跨域问题的标准，全称为“跨域资源共享”
，可以发送任意类型的请求，但有可能发生请求重复发送的问题。
3JSONP技术，通过script标签请求接口，通过回调函数的方式发送数据，只能发送get请求，且需要服务支持。

---

6 vue-router作用使什么？ vue-router使vue官方的路由管理器。 作用：

1： 用于组件的切换
2： $router.push() 用于组件的跳转
3： $route 可以用与组件的传参

---

7 vue中组件使怎么传值？

1 父组件向子组件传值，通过子组件中定义props接收父组件数据
2 子组件向父组件传值，通过子组件定义$emit ()自定义事件，通过在父组件中调用子组件事件传递数据
3 非父子组件通过公共文件进行传值