长兴县住房建设局网站,承德专业做网站的公司,博客 选择 WordPress,国家企业信用信息公示系统官网湖北之前我的文章 harmonyOS 自定义组件基础演示讲解 我们讲解了 自定义组件的基础用法 但是 我们是写在单个page文件中的 这样 我们跨文件使用就很不友好了
如下图 指向 ets目录下 创建一个目录 按我们 前端开发以往的习惯 这个目录要叫 components 专门放组件集合的地方 然后 按…之前我的文章 harmonyOS 自定义组件基础演示讲解 我们讲解了 自定义组件的基础用法 但是 我们是写在单个page文件中的 这样 我们跨文件使用就很不友好了
如下图 指向 ets目录下 创建一个目录 按我们 前端开发以往的习惯 这个目录要叫 components 专门放组件集合的地方 然后 按回车 创建目录 我们在下面创建一个文件 类型肯定是我们 ArkTS 类型的 file 这里 我们文件随便取名 我这里就叫 General 通用的意思 然后按回车 创建文件 然后 我们贴一段自定义组件的代码进去
Component
export struct General {build() {Row() {Text(我是一个自定义组件).fontSize(30)}.margin({top: 15}).width(100%)}
}因为 要让别的模块使用 所以 我们这里 要用 export 将它导出出来 然后 我们在需要使用的地方导入 这里 我们 index.ets 在pages目录下 和 components 在同一目录 那么 我们 …/ 找到上级 目录 然后 找到下面的 components 下的 General 导入它的 General 组件 运行效果如下 这样就确认 我们组件已经成功导进来了
因为 我们同一个文件 可以写多个组件 所以大部分是 export 导出 如果你确定这个文件只导出一个组件 那么 用 export default 肯定更方便 这个看开发中需要
