之前主流移动端适配方案是lib-flexible+postcss-pxtorem，但是这样的方案会存在一定的问题：两个插件需要配套使用，而且rootValue设置的值不好理解rem是相对于html元素字体单位的一个相对单位，从本质上来说，它属于一个字体单位，用字体单位来布局，并不是太合适另一种流行的移动端适配方案：postcss-px-to-viewport插件安装： npm install po

首先在vue3项目根目录创建.env.development 和 .env.prodution两个文件，分别为开发和生产环境（必须.env.开头，需要额外环境，配置自定义的文件名称即可）3.2 在.vue页面或者入口文件main.ts访问环境变量，使用import.meta.env。4.2 打包项目，执行npm run build，生成了dist文件夹；启动本地环境，访问对应页面时，会打印以下信息

别方，先看一下效果~接下来是实现的方式思路：首先在路由的meta中设置breadNumber字段，‘一级页面’不设置breadNumber（因为大部分页面是一级页面，所以就不设置了~），‘二级页面’设置breadNumber=2，‘二级页面’设置breadNumber=3，以此类推…在面包屑的页面监听路由，路由变化时则触发面包屑数据处理事件，数据处理详细在getBreadcrumb方...