uni-app

最新推荐文章于 2023-07-22 18:01:55 发布

kiruing

最新推荐文章于 2023-07-22 18:01:55 发布

阅读量781

点赞数

分类专栏：前端框架文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/m0_52170066/article/details/121038245

版权

1 篇文章

订阅专栏

本文介绍了uni-app的条件编译功能，如何在不同平台环境下启用代码，并详细阐述了uni-app中组件间的通讯方式，包括父组件向子组件、子组件向父组件以及兄弟组件间的传值方法。此外，还提到了uni-ui这一跨端UI框架，它是对uni-app基础组件的补充，可在插件市场中获取并导入项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以下这段代码，只会在 5+App 环境下生效/存在。

// #ifdef APP-PLUS  
const uuid = plus.device.uuid;  
// #endif

除了支持单个平台的条件编译外，还支持使用 || 来满足多平台条件编译。

这个组件会在微信小程序及百度小程序环境下生效：

<!-- #ifdef MP-WEIXIN || MP-BAIDU -->  
<button @getuserinfo="getUserInfo">获取用户信息</button>  
<!-- #endif -->

condition在项目配置页面中使用（pages.json）

创建组件文件

在所需页面中引入并注册

在所需页面中引用

组件的生命周期函数在组件.vue文件中写

在父组件中写入值并绑定到子组件

在子组件中用props接受，并展示

在子组件中触发自定义事件并传值

在父组件中绑定自定义事件并接受值

b组件使用$on在created()中监听自定义事件

a组件使用$emit()触发全局自定义事件

uni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的、flex布局的、无dom的跨全端ui框架。

uni-ui不包括基础组件，它是基础组件的补充。

在uni-app官网中的插件市场中找到所需插件并导入项目，插件放在components文件中。

import引用

components中注册