学会封装代码,是程序猿必备的能力。
避免在开发过程中多处施展cv大法,封装代码有利于提升代码的复用性,可以大大减少复制粘贴带来的冗余代码。
以下是封装代码的具体步骤:
1.创建组件页面
在项目文件夹里创建一个与page平级的components页面,并在里面创建一个与该组件名相同的页面:(注意:不用在pages.json文件里再去配置了。)
2.在组件中写props属性用于接收值(若不进行值传递可以不写)。
此处我这里并没有进行组件传参,只是在多个页面使用到了该组件。以下是需要配置的内容:
到这里为止,我们组件就封装完成了,接下来是在其他页面使用该组件。
3.使用组件。
打开使用组件的页面