BAT前端面试都问啥!Vue常见热点问题&解决方案

521 阅读1分钟

一.解决Vue刷新页面后store数据丢失的问题

原来的状态(页面刷新数据会重置)

解决后(页面刷新保留store数据)

二.Vue项目中自动将px转换为rem

1.配置与安装步骤:

a.在 Vue 项目的 src 文件夹下创建一个 config 文件夹:

b.在 cnfig 文件夹中创建 rem.js:

c.将以下代码复制到 rem.js 中:

d.在 src 文件夹下的 main.js 中引入:

e.在 Vue 项目根目录终端引入:

f.在 Vue 项目文件夹下的 postcss.config.js 中加入:

2.实例演示

假如给出设计图是 375*812,可以在代码中直接写入:

此时在页面中显示:

如果要让部分属性不转换成 rem,可以将 px 写成 Px:

这时在页面中就会保留 375px 了:

如果喜欢我,可以搜索公众号【弘成IT】,了解更多干货。

同时还可以加我的vx:jgxiaokeai加入技术交流群和技术大牛一起讨论前端那点事