一点问题AIGC的上下文关联性还是有限制会经常出现对于需求理解跑偏情况需要不断的重复强调并纠正错误才能得到你想要的内容)。

因为最近某些原因所处的环境网络没办法科学上网剩下的页面优化需要自己做。

大家都比较讨厌屎山代码。

所以我们在不断增加业务代码的过程中需要不断的重构代码。

在代码的世界里有个词叫封装相信这个词大家都不陌生封装的方式有很多种在前端的世界里有个东西叫组件个人认为这也是封装的一部分。

当然还有就是工具封装之前有写一篇文章叫【微信小程序篇】-请求封装这也是封装的一种方式。

微信小程序自定义组件

核心是为了把一些公用的页面代码、交互代码、样式代码封装为一个整体让其他页面引用的时候不需要再写重复代码只需要引入组件通过组件的方式进行页面渲染不影响预期的设计同时减少重复的代码量。

这是组件最重要的应用场景。

在微信小程序的官方开发文档中已经很明确了组件的定义我们可以再一起来实际操作一番。

我们一起来使用微信小程序原生实现一遍。

1.在demoCard

查看demoCard.json中component的值为true

{component:

我们在实际使用中经常需要把页面的数据传入到组件中那么我们应该怎么传入呢下面我们开始实际操作

1.在demoCard.js/demoCard.ts这里我使用的是ts中的properties中定义我们需要的属性

Component({/***

}}/demoCard3.在组件的demoCard.wxml中使用属性

dateStr

}}/view这里我们会发现组件只要定义了属性这些属性作为外部传值的承载在组件内部页面我们可以和正常页面做数据使用。