微信小程序中的代码怎么编辑(微信小程序新手入门之自定义组件的使用)
微信小程序中的代码怎么编辑
微信小程序新手入门之自定义组件的使用前言
从小程序基础库版本 1.6.3 开始,小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。
开发者可以将页面内的功能模块抽象成自定义组件,以便在不同的页面中重复使用;也可以将复杂的页面拆分成多个低耦合的模块,有助于代码维护。
一、小程序的好处和特点
1、好处
开发者:小程序开发门槛相对较低,难度不及APP,能够满足简单的基础应用,适合生活服务类线下商铺以及非刚需低频应用的转换;也能节约开发和推广成本。
用户:能够节约使用时间成本和手机内存空间。对于开发者来说
2、特点
便捷性:小程序是不需要下载安装的,即用即走,非常方便用户的使用。并且不占用手机的内存,很便捷。
唯一性:小程序的名称是具有唯一性的,谁先注册就是谁的,当别人已经注册成功了,你是没有办法在注册的。
二、为什么要使用自定义组件
在写小程序的时候,可能存在很多个页面要使用同一个组件的情况,比如说,设计了4个页面,每个页面的顶部都需要显示一个搜索框,如果在每个页面都复制同一份搜索框的代码,会比较繁杂,代码可读性比较差,也不易于后期代码维护,此时可以单独封装为一个组件,大概意思就是,也就是通常说的自定义组件,此后哪个页面需要用到时就直接在对应页面的json文件中引入即可。
三、怎么使用自定义组件
1、打开项目文件目录,新建一个compoments目录
2、在compoments目录里,新建一个组件名
3、右键单击选择新建compoment
4、在自定义组件(prolist)里完成逻辑代码 5、在要引用组件的页面中的json文件中,注册组件
6、在页面的wxml中就可以使用prolist组件
7、在组件(prolist)中接收传过来的值
8、接收的值可以在组件的wxml文件中直接使用
总结
- 新建一个目录存放自定义组件
- 再新建一个组件的文件夹
- 创建compoment
- 完成组件的逻辑代码
- 在其他页面注册组件
- 使用组件
到此这篇关于微信小程序新手入门之自定义组件使用的文章就介绍到这了,更多相关微信小程序自定义组件内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
- 微信小程序js 抽奖概率(小程序实现筛子抽奖)
- 微信小程序实现自动定位(微信小程序实现锚点定位功能的方法实例)
- 微信小程序scrollview 截图(微信小程序scroll-view不能左右滑动问题的解决方法)
- 微信小程序抽签如何抽中(JavaScript实现班级抽签小程序)
- 微信小程序签名怎么操作(微信小程序实现简单手写签名组件的方法实例)
- 微信小程序企业微信打卡(使用Python实现企业微信的自动打卡功能)
- 苹果微信小程序页面空白(iPhoneX安全区域Safe Area底部小黑条在微信小程序和H5的屏幕适配)
- 微信小程序多人编辑表格(微信小程序实现固定表头、列表格组件)
- 微信小程序ui聊天窗口(微信小程序实现简单聊天室)
- 微信小程序做计算器(微信小程序实现计算器小功能)
- 微信小程序单选框组件(微信小程序picker多列选择器mode = multiSelector)
- 宝塔小程序制作(宝塔面板微信小程序使用图文教程)
- 微信小程序计算器怎么用(用微信小程序实现计算器功能)
- 微信小程序简易计算器制作(微信小程序实现简单计算器功能)
- 微信小程序canvas缩放(微信小程序之html5 canvas绘图并保存到系统相册)
- 怎么编写计算小程序(微信小程序实现简易计算器)
- 网友抵制 多地取消 夏日祭 为何惹众怒(网友抵制多地取消)
- 兄弟萌,今年的七夕又取消了 思考 思考(今年的七夕又取消了)
- 七夕取消是什么梗(七夕取消是什么梗)
- 这竟然是捏出来的 20种橡皮泥玩法让你轻松hold住魔娃(这竟然是捏出来的)
- 自制橡皮泥(自制橡皮泥)
- 还在卖 禁药西布曲明网上论斤卖(还在卖禁药西布曲明网上论斤卖)
热门推荐
- sql中的exists详解(SQL中EXPLAIN命令的使用方法)
- mysql主键什么情况用uuid(Mysql主键UUID和自增主键的区别及优劣分析)
- php数组取值方法(php给数组赋值的实例方法)
- python去除字符串中间的空格(Python去除字符串前后空格的几种方法)
- 常用SQL查询语句
- vue怎么实现预览与放大(Vue实现牌面翻转效果)
- sql server没有服务器怎么办(SQL Server 2012安装后服务器名称找不到的解决办法)
- ubuntu如何搭建vnc(Ubuntu20.04 VNC 安装与设置实现)
- 新手nginx反向代理问题(详解Nginx proxy_pass的一个/斜杠引发的血案)
- 如何学会python多线程(Python3多线程基础知识点)