用户登陆
产品了解
生命周期
vuex
数据平台干嘛
vue X怎么持久
localstore和cokIE区别
路由传惨
路由传惨两种方式区别
1.谈一谈你对keep-alive的了解P1
![](https://img-blog.csdnimg.cn/dc1d01fc6aa84bf496b95e62fa35e780.png)
2.三、v-if&v-show的区别
![](https://img-blog.csdnimg.cn/48ede67e7c724a6bbca4f114f182417e.png)
3.四、v-if和v-for优先级
![](https://img-blog.csdnimg.cn/02fd8ef9e3de4fbda19f565aefc8217a.png)
4.五、ref是什么?
![](https://img-blog.csdnimg.cn/c9f6aa6e5135434eb01ae2e4cd7feafd.png)
5.六、nexttick是什么?
![](https://img-blog.csdnimg.cn/21c257ff943d4948b4380013ee2a1907.png)
nexttick插件场景
Create----请求数据
Mouted----插件
6.七、scoped原理
![](https://img-blog.csdnimg.cn/d5d2fed061064a15b34e62c57c9648ad.png)
![](https://img-blog.csdnimg.cn/9d124664317a44ff96eb3c4fcf1c6ad8.png)
- vue中如何做样式穿透 p1
Scope 是局部的,插件样式是全局的,----局部不能该全局样式
![](https://img-blog.csdnimg.cn/2d67633920da43dfa0647f08126f5f78.png)
![](https://img-blog.csdnimg.cn/bb48727ce88c4f41afee61cca55725c3.png)
- 九、父组件传值到子组件
自定义属性:最好key 和value 定义名字一样
![](https://img-blog.csdnimg.cn/688527d30bdf49d8a29440e91354e950.png)
9.子组件传值到父组件
![](https://img-blog.csdnimg.cn/4c60558f1ded443da40a711097fedfb4.png)
10、兄弟组件之间的传值
.![](https://img-blog.csdnimg.cn/722306ec6d6243a8a62018158fef38e7.png)
- computed methods watch有什么区别P1
![](https://img-blog.csdnimg.cn/ff6a5d79cc2e4848802ff92d77616da8.png)
(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
前端:代理是为了解决跨越问题
![](https://img-blog.csdnimg.cn/e1323ae0b94f43b88873fad7f20141fd.png)
- vue项目:打包路径和路由模式P1
打包出现空白: publicPath: './'------路径问题
![](https://img-blog.csdnimg.cn/87c31b21c0f342858e0d2d5f893ae5a3.png)
前端:打包测试hash模式,没问题在改成hisory模式,打包以后前端看不到内容了,那个路由内容不显示,没关系,给后端就行了,同时注意告诉后端注意路径问题,提示后端做个重定向,可能就解决了
13.如何实现一个未知宽高元素的水平垂直居中?
方法1:通过定位和transform属性来实现
![](https://img-blog.csdnimg.cn/d5d3f52f894947ae862b4d3914d829e0.png)
方法2:通过利用flex布局
![](https://img-blog.csdnimg.cn/50f45b155e1b42029cd45eead5c5ca87.png)
14.前端性能优化手段
https://www.jb51.net/article/179485.htm
减少请求数量
图片处理:Base64
减少重定向
使用缓存
不使用CSS @import
CSS的@import会造成额外的请求
避免使用空的src和href
a标签设置空的href,会重定向到当前的页面地址
form设置空的method,会提交表单到当前的页面地址
减小资源大小
压缩:1、HTML压缩
15.vue项目】代理和环境变量P1
![](https://img-blog.csdnimg.cn/e89a77b8bc0048f0860065242faf7985.png)
- 十三、props和data优先级谁高?
![](https://img-blog.csdnimg.cn/84dac158543948ec91d97ba72c2a08fb.png)
![](https://img-blog.csdnimg.cn/6172520da1d343dba994cfa84250b2c8.png)
- vuex面试题 上集
![](https://img-blog.csdnimg.cn/6dcc5b35c0984869b1ab799386e374ce.png)
![](https://img-blog.csdnimg.cn/376f90cc302343af8ad6b5b3ea8da608.png)
![](https://img-blog.csdnimg.cn/e1b10d5123564154a978f28f3a0bd5a1.png)
![](https://img-blog.csdnimg.cn/9cd1d82198aa44c6bd71979c56f401aa.png)
- vue路由面试题上集
![](https://img-blog.csdnimg.cn/9c32fa03c09a44eabeffd1ff8835435e.png)
Hash 如果找不到页面不会发生请求,hash地址都会加上#,其他的不会
![](https://img-blog.csdnimg.cn/f149b1ba29804c0b81434a5de0a80e62.png)
![](https://img-blog.csdnimg.cn/5a398ac6f5184d7c83387839ac0373b2.png)
![](https://img-blog.csdnimg.cn/449cc761853245979768d41bbab593a0.png)
![](https://img-blog.csdnimg.cn/f1606fcbc6ec49aaa48d0f152d5c4621.png)
![](https://img-blog.csdnimg.cn/fda1269f984e4133bb3c65d57e43c713.png)
![](https://img-blog.csdnimg.cn/f0bba580ada842a6a9e884ea82e0fcd8.png)
箭头函数和普通函数的区别