开发中同名页面在h5和APP端加载的差异

为什么我的xxx.vue在App端失效了？

作为UniApp开发者，你是否遇到过这样的问题：项目中同时存在xxx.vue和xxx.nvue文件，但App端总是加载后者？这其实是框架的强制优先级规则在起作用。

一、框架的"潜规则"

 

App端霸道总裁
只要检测到xxx.nvue文件，App平台会直接选中它，完全无视同目录下的xxx.vue。这种设计源于nvue的原生渲染优势，适合性能敏感场景。

 

其他平台的绅士风度
H5/小程序等平台则保持礼貌：它们只认vue文件。若强行放置nvue文件，会被当做透明人忽略。

二、开发者生存指南

 

不要玩暧昧
想用vue？请彻底删除nvue文件，否则App端永远看不到你的vue页面。

 

混合开发最佳实践

场景推荐方案原因高频交互页面用nvue+Flex布局避免滚动卡顿复杂样式页面用vue+条件编译CSS支持更灵活

三、破除设备型号谣言

有些开发者误以为华为/小米手机会影响文件加载，其实决定权完全在UniApp编译器手中。设备差异只体现在：

 

屏幕适配（需自行处理rpx换算）

 

原生API兼容性（如摄像头调用）

结语

理解这套规则后，下次再遇到页面"神隐"，记得先检查是否被同名的nvue文件"截胡"了。合理利用两种文件特性，才能打造高性能、多端兼容的UniApp应用。