Vue面试题总结

组件之间传值
父传子通过属性传递，子组件通过props接收数据
子传父通过方法传递，子组件通过$emit触发自定义方法并且传递信息
非父子通过事件总线bus进行传值，传递使用emit触发事件，接收使用on注册事件

Vue双向数据绑定的原理
采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的 setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。

Vuex刷新页面数据丢失
监听页面刷新事件，在刷新前将store中的数据存储到sessionstorge中。每次进入页面的时候先读取 sessionstorage中的值并把它赋给store，这样就保留了刷新前的数据。

TCP三次握手（建立连接）
1）客户端向服务端发送连接请求（发送SYN包，进入SYN-SEND状态）
2）服务端接收到连接请求后，同意向客户端建立连接（发送ACK-SYN包，进入SYN-RCVD状态）
3）客户端接收到服务端的同意后，与服务端确认建立连接
TCP四次挥手（连接释放）
1）客户端向服务端发送断开连接请求（FIN=1，进入FIN-WAIT-1状态）（第一次挥手）
2）服务端接收到断开请求后，同意向客户端断开连接，但是还有数据在传输，要等数据先传输完，所以 先告知客户端收到断开请求了（进入CLOSE-WAIT状态）（第二次挥手）
3）服务端数据传输完成后，告知客户端，要关闭连接了（第三次挥手）
4）客户端接收到服务端的断开连接消息后，告知服务端已收到断开连接的消息（第四次挥手）

如何判断一个数组是数组
1.instanceof
2.Array.isArray()
3.Object.prototype.toString.call(arr)

如何修改UI组件中的样式
方式一：在当前新加一个style标签，不和前一个style标签冲突scoped
方式二：穿透（父元素 /deep/ 子元素）
方式三：穿透（父元素 >>>(不支持less) 子元素）

移动端开发环境如何在手机上测试
vue项目中package.json/scripts/"dev"中加上 --host + 局域网IP(要求手机和电脑在同一个局域网)

为什么组件中的data是一个函数
因为组件是可复用的实例，而组件不管被复用多少次data中的数据都应该是相互隔离的，如果是对象，
那所有的组件都将共享一个数据对象，只要有一个参数被修改，则所有的组件都会受影响

$route和$router有什么区别
$route：路由参数对象，所有路由参数(params,query)
$router：路由导航对象(路由跳转)

路由有哪几种导航钩子，分别是什么
第一种：全局导航钩子
beforeEach、afterEach、beforeResolve
第二种：组件内的钩子
beforeRouteEnter、beforeRouterUpdate、beforeRouteLeave
第三种：单个路由独享的钩子
beforeEnter（路由配置中设置）

Vue安装包的时候 -D -S 有什么区别
-S安装包会在package中的dependencies对象中，即生产环境
-D安装包会在package中的devDependencies对象中，即开发环境

单页面应用的优缺点
交互体验好，前后端分离，减轻服务器压力
不利于SEO，首屏加载慢，不适合开发大型项目