微信小程序中自定义组件的使用

微信小程序中自定义组件的使用 一、小程序的好处和特点 1、好处

  1. 开发者:小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换;也能节约开发和推广成本。
  2. 用户:能够节约使用时间成本和手机内存空间。对于开发者来说
2、特点
  1. 便捷性:小程序是不需要下载安装的,即用即走,非常方便用户的使用。并且不占用手机的内存,很便捷。
  2. 唯一性:小程序的名称是具有唯一性的,谁先注册就是谁的,当别人已经注册成功了,你是没有办法在注册的。
二、为什么要使用自定义组件 在写小程序的时候,可能存在很多个页面要使用同一个组件的情况,比如说,设计了4个页面,每个页面的顶部都需要显示一个搜索框,如果在每个页面都复制同一份搜索框的代码,会比较繁杂,代码可读性比较差,也不易于后期代码维护,此时可以单独封装为一个组件,大概意思就是,也就是通常说的自定义组件,此后哪个页面需要用到时就直接在对应页面的json文件中引入即可。
三、怎么使用自定义组件 1、打开项目文件目录,新建一个compoments目录 微信小程序中自定义组件的使用
文章图片

2、在compoments目录里,新建一个组件名 微信小程序中自定义组件的使用
文章图片

3、右键单击选择新建compoment 微信小程序中自定义组件的使用
文章图片

4、在自定义组件(prolist)里完成逻辑代码 5、在要引用组件的页面中的json文件中,注册组件 微信小程序中自定义组件的使用
文章图片

6、在页面的wxml中就可以使用prolist组件 【微信小程序中自定义组件的使用】微信小程序中自定义组件的使用
文章图片

7、在组件(prolist)中接收传过来的值 微信小程序中自定义组件的使用
文章图片

8、接收的值可以在组件的wxml文件中直接使用 微信小程序中自定义组件的使用
文章图片

总结
  1. 新建一个目录存放自定义组件
  2. 再新建一个组件的文件夹
  3. 创建compoment
  4. 完成组件的逻辑代码
  5. 在其他页面注册组件
  6. 使用组件
在疫情期间,我们要做好防护措施,不要随意走动,勤洗手,房间多通风。同时,让我们一起为以后的工作做好逆战的准备。

    推荐阅读