uniapp开发项目注意事项

原创已于 2023-12-21 14:21:33 修改 · 321 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#uni-app

收录于

于 2023-12-14 18:11:09 首次发布

本文介绍了如何在UniApp中使用HBuilderX创建项目，包括Vue和nVue文件的选择，以及在不同端（如小程序和原生app）的样式处理。特别提到nvue的局限性和传参方法，以及解决pages.json错误的提示。

uniapp创建项目用HBuilderX创建或者用脚手架命令创建都可以
vue文件渲染h5，小程序很好
nvue文件渲染原生app更好，注意nvue文件css的一些局限性，简称坑死人nvue所支持的通用样式已在本文档中全部列出，一些组件可能有自定义样式，请参考组件文档。除此之外的属性，均不被支持。 | uni-app官网
如果同一个页面渲染不同端有不同样式要求可以这样写

js写法

 // #ifdef  APP-PLUS

 // #endif 

html写法

<!--  #ifdef  MP-WEIXIN -->

<!--  #endif -->

vue传参到nvue页面方法

   //vue页面传参方式 
    uni.navigateTo({
        url: `/pages/index/index`,
        success: (res) => {
            uni.$emit('index', {  
                name: "张三",  
                age: "18"
            });
        }
    })


     //nvue页面接收参数
    uni.$on('index', (data) => {
		console.log('data参数',data)
        console.log("name",data.name)
    })

7、如果uniapp打包小程序提示page.json文件为空看下pages.json文件是否多了一个代码块为这个的，删掉即可