Vue高频面试题（三）

1.路由跳转和location.href跳转区别

使用location.href跳转方便简洁，但是刷新了页面，

使用路由跳转，无刷新跳转，静态跳转

2.delect和vue.delect删除数组的区别

delect删除数组的值，但是他任然在内存中占有内存。

vue.delect删除数组在内存中的占位，

var a=[1,2,3,4]  
var b=[1,2,3,4]  
delete a[1]
    console.log(a)    
this.$delete(b,1)
    console.log(b)

由上代码可以清楚看到：delect虽然删除了值，但是在内存中在占位，而vue.delect直接从内存中删除

3.vue首页白屏应该如何解决

路由懒加载 

vue-cli进行打包压缩

进行cdn加速

开启服务器渲染模式

用webpack的externals属性把不需要打包的库文件分离出去，减少打包后文件的大小

在生产环境中删除掉不必要的console.log

添加loading效果，给用户一种进度感受

4.组件中的通信

1.props和$emit最基本的父子传值

 

2.attrs和listeners

第一种传递方式有一个问题：如果父子组件进行层层嵌套，父子传值就显得很麻烦

3.通过 this.$parent.$data 或者 this.$parevent._data 获取父组件数据，通过 this.$parent 执行父组件方法

5.vue router原理  那个模式不会请求服务器

vue router有两种方法，其中hash模式不会请求服务器

解析：

1. url的hash，就是通常所说的锚点#，javascript通过hashChange事件来监听url的变化，IE7以下需要轮询。比如这个 URL：http://www.abc.com/#/hello，hash 的值为#/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重新加载页面。

2. HTML5的History模式，它使url看起来像普通网站那样，以“/”分割，没有#，单页面并没有跳转。不过使用这种模式需要服务端支持，服务端在接收到所有请求后，都只想同一个html文件，不然会出现404。因此单页面应用只有一个html，整个网站的内容都在这一个html里，通过js来处理。