今天面试的vue面试题

1、vue什么是跨域？

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源（广义），但通常所说的跨域是狭义的，是由浏览器同源策略限制的一类请求场景。

2、vue什么是同源策略？

所谓同源是指"协议+域名+端口"三者相同。

3、vue的跨域问题解决方案

通过jsonp跨域
原理：动态添加一个

4、axios是什么？

axios 是一个基于 Promise 的 HTTP 客户端，专门为浏览器和 node.js 服务。

5、axios的特点有哪些？

一、Axios 是一个基于 promise 的 HTTP 库，支持pro mise所有的API
二、它可以拦截请求和响应
三、它可以转换请求数据和响应数据，并对响应回来的内容自动转换成 JSON类型的数据
四、安全性更高，客户端支持防御 XSRF

6、axios有哪些常用方法？

一、axios.get(url[, config]) //get请求用于列表和信息查询
二、axios.delete(url[, config]) //删除
三、axios.post(url[, data[, config]]) //post请求用于信息的添加
四、axios.put(url[, data[, config]]) //更新操作

7、v-model是什么?怎么使用？vue中标签怎么绑定事件？

v-model用于表单数据的双向绑定，其实它就是一个语法糖，这个背后就做了两个操作：
v-bind绑定一个value属性
v-on指令给当前元素绑定input事件

8、vue组件化的理解

组件是可复用的 Vue 实例, 如果网页中的某一个部分需要在多个场景中使用，那么我们可以将其抽出为一个组件进行复用。组件大大提高了代码的复用率。

9、Vue生命周期

Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。

10、说出Vue实例生命周期

• breforeCreate 创建前 - created 创建后
• beforeMount 挂载前 - mouted 挂载后
• beforeUpdate 更新前 - updated 更新后
• beforeDestroy 销毁前 - destroyed 销毁后

11、Ajax中get和post两种请求方式的区别

（1）运行速度：get请求简单，运行速度也更快；
（2）缓存：get存在缓存（优：提升速度，缺：不能及时获取最新数据）post没有缓存；
（3）数据储量：get有数据量的限制，post则没有限制
（4）数据安全：发送包含未知字符的用户输入时，post比get 更稳定也更可靠；

12、promise是什么？

Promise是一个异步编程的解决方案，解决了异步回调层层嵌套的问题

13、localStorage、sessionStorage和cookie的区别

• 本地存储容量更大有5MB左右，cookie只有4KB
• 本地存储没有过期时间，localStorage持久保存，除非手动清除，sessionStorage窗口关闭自动清除
• cookie会在客户端与服务器端之间往返，服务器端可以操作cookie，本地存储只存储于本地

14、Vue组件通信形式

• 父到子 通过props，子到父 通过自定义事件
• 兄弟组件 通过创建空的vue实例作为事件中央总线
• 更复杂的通讯结构，可以使用Vuex进行集中状态管理

15、Vue中v-if和v-show的区别

• v-if控制节点的添加和移除
  -v-show控制节点显示和隐藏

16、webSocket是什么？适用于哪些网站？

webSocket是一种双工通信技术，可以实现服务器主动向客户端发送数据。

17、vue的优点是什么？

低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。
· 可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑。
· 独立开发。开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计。
· 可测试。界面素来是比较难于测试的，而现在测试可以针对ViewModel来写。

会继续更新 点赞关注哦