2021-12-13 面试(一) v-if/for优先级,toFixed,keep-alive,语义化,vuex,vue双向数据绑定原理,插槽种类和作用

前端OnTheRun

已于 2022-11-02 11:42:47 修改

阅读量442

点赞数

分类专栏：面试文章标签：插槽数据绑定 vuex 动态组件组件

于 2021-12-13 21:03:05 首次发布

本文链接：https://blog.youkuaiyun.com/rowlet/article/details/121914429

版权

本文详细介绍了Vue面试中常见的问题，包括v-if和v-for的优先级变化，keep-alive的使用场景，vuex的状态管理和使用，以及vue双向数据绑定的原理。还涉及到了插槽的种类和作用，es6新增特性和封装vue组件的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

1.v-if和v-for的优先级

回答

在vue2中,v-for的优先级比v-if高,
在vue3中,v-if的优先级比v-for高,
这两个不建议在同一个标签中使用,否则会造成性能浪费

补充

vue2中,会先执行循环再判断条件,即使只想渲染部分元素,仍会全部渲染整个列表再判断,浪费性能
vue3中,v-if的优先级更高,当它执行时,若调用响应的变量不存在,会造成异常

2.`0.1+0.2=0.3000000004`

回答

原因:二进制精度不够;
解决方案:
1.toFixed;
2.先乘10再除10

验证

document.write(0.1 + 0.2); //0.30000000000000004
//1.toFixed() 方法可把 Number四舍五入为指定小数位数的数字。
document.write((0.1 + 0.2).toFixed(1)); //0.3(括号中的1是要求保留小数到十分位)
//2.先乘10再除以10
document.write((0.1 + 0.2) * 10 / 10)