快捷搜索: 长连接 前端 源码 pan

一个vue项目同时兼容pc和移动端

项目场景:

vue开发的项目,既有移动端又有pc端,但是移动端和pc端展示的内容不一样,同一个组件样式也不一样,移动端展示内容比pc端少,那这个时候在一个项目种怎么做的?

解决方式:

路由写两份,一份移动端的,一份pc端的,这两份路由地址相同,对应的组件不同,在路由的入口文件里去判断渲染pc的路由还是移动端的路由

代码如下:

router下的index.js文件

router下routerM.js和routrPC.js代码:

可以看出是写了两份组件,导入组件时文件路径只有pc和mobile两个单词的区别,

所以说,也可以将路由写一份,中间的用变量来代替~~

同样的,当样式需要写两份的时候,也可以在main.js中按需引入

经验分享 程序员 微信小程序 职场和发展