简介:

UniApp凭借其“一次开发，多端运行”的特性，为开发者提供了灵活且高效的重要桥梁。uni-app 是由 DCloud 公司推出的一款基于 Vue.js 的前端跨平台开发框架，开发者可通过一套代码同时发布到 iOS、Android、Web（H5）、微信/支付宝/百度/抖音等小程序、快应用、鸿蒙等多个平台，实现“一次开发，多端运行”

【连载一】UniApp标题组件封装入门

在应用开发中，有效的封装常用组件为后续高效开发打好基础。让开发像砌砖一样轻松自如;

一、分享两种实现组件

1. solt插槽实现:

在 Vue.js 及其衍生框架（如 uni-app）中，slot 插槽是一种用于组件间内容分发的核心机制，允许父组件向子组件的指定位置动态注入内容。

插槽用于在子组件中预留占位符，父组件可在此位置插入任意内容（文本、HTML 结构、其他组件等），实现组件的高度可定制化。例如，在子组件中定义 标签后，父组件通过填充内容替代该占位符

2. Props实现:

3. 在父组件中调用:

常见问题

• solt插槽与 props 的区别：props 传递数据，插槽传递模板；插槽支持子向父的数据传递（作用域插槽）
• 多插槽管理：具名插槽可避免内容错位，尤其在复杂组件中推荐使用
• 默认内容优化：通过设置默认插槽内容，提升组件健壮性，避免父组件未填充时的布局错乱