前端vue面试

用户登陆
产品了解
生命周期
vuex
数据平台干嘛
vue X怎么持久
localstore和cokIE区别
路由传惨
路由传惨两种方式区别

1.谈一谈你对keep-alive的了解P1

 

2.三、v-if&v-show的区别

 

3.四、v-if和v-for优先级

 

4.五、ref是什么？

 

5.六、nexttick是什么？

 

nexttick插件场景

Create----请求数据

Mouted----插件

6.七、scoped原理

 

 

1. vue中如何做样式穿透 p1

Scope 是局部的，插件样式是全局的，----局部不能该全局样式

 

 

1. 九、父组件传值到子组件

自定义属性：最好key 和value 定义名字一样

 

9.子组件传值到父组件

 

10、兄弟组件之间的传值

.

 

1. computed methods watch有什么区别P1
2. 

 

      （2）Computed和watch 区别

1、功能上：computed是计算属性，watch是监听一个值的变化，然后执行对应的回调。

2、是否调用缓存：computed中的函数所依赖的属性没有发生变化，那么调用当前的函数的时候会从缓存中读取，而watch在每次监听的值发生变化的时候都会执行回调。

3、是否调用return：computed中的函数必须要用return返回，watch中的函数不是必须要用return。

4、computed默认第一次加载的时候就开始监听；watch默认第一次加载不做监听，如果需要第一次加载做监听，添加immediate属性，设置为true（immediate:true）

5、使用场景：computed----当一个属性受多个属性影响的时候，使用computed-----购物车商品结算。watch–当一条数据影响多条数据的时候，使用watch-----搜索框.

12.vue设置代理P1

前端：代理是为了解决跨越问题

 

1. vue项目：打包路径和路由模式P1

打包出现空白： publicPath: './'------路径问题

 

前端：打包测试hash模式,没问题在改成hisory模式，打包以后前端看不到内容了，那个路由内容不显示，没关系，给后端就行了，同时注意告诉后端注意路径问题，提示后端做个重定向，可能就解决了

13.如何实现一个未知宽高元素的水平垂直居中？

方法1：通过定位和transform属性来实现

 

方法2：通过利用flex布局

 

14.前端性能优化手段

https://www.jb51.net/article/179485.htm

减少请求数量

图片处理：Base64

减少重定向

使用缓存

不使用CSS @import

CSS的@import会造成额外的请求

避免使用空的src和href

a标签设置空的href，会重定向到当前的页面地址

form设置空的method，会提交表单到当前的页面地址

减小资源大小

压缩：1、HTML压缩

15.vue项目】代理和环境变量P1

 

1. 十三、props和data优先级谁高？
2. 
3. 

1. vuex面试题 上集
2. 
3. 
4. 
5. 

1. vue路由面试题上集
2. 

 

Hash 如果找不到页面不会发生请求，hash地址都会加上#，其他的不会

箭头函数和普通函数的区别