微信小程序中的代码怎么编辑(微信小程序新手入门之自定义组件的使用)
微信小程序中的代码怎么编辑
微信小程序新手入门之自定义组件的使用前言
从小程序基础库版本 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
- 完成组件的逻辑代码
- 在其他页面注册组件
- 使用组件
到此这篇关于微信小程序新手入门之自定义组件使用的文章就介绍到这了,更多相关微信小程序自定义组件内容请搜索开心学习网以前的文章或继续浏览下面的相关文章希望大家以后多多支持开心学习网!
- 微信小程序的交通码(微信小程序中实现车牌输入功能)
- css浮动小例子教程(使用css transition属性实现一个带动画显隐的微信小程序部件)
- 微信小程序function怎么使用(微信小程序在{{ }}中直接使用函数的方法示例)
- 微信小程序通知验证签名方法(微信小程序实现电子签名)
- 微信小程序可以用h5开发不(微信小程序webView嵌入H5的方法实例)
- 微信小程序映射设置(微信小程序虚拟列表的实现示例)
- 微信小程序开发简单计算器(小程序实现计算器功能)
- 微信小程序可以用百度的echarts吗(uniapp在微信小程序中使用ECharts的方法)
- 微信小程序css使用技巧(微信小程序 CSS filter滤镜的使用示例详解)
- 微信小程序如何请求服务器数据(微信小程序学习笔记之页面配置与路由方式)
- 微信小程序贪吃蛇大作战(微信小程序实现贪吃蛇游戏)
- 微信小程序日期选择器有星期天(微信小程序 滚动选择器时间日期详解及实例代码)
- 微信小程序获取手机信息(微信小程序获取手机号的踩坑记录)
- 微信小程序开发完整操作流程(微信小程序开发之组件设计规范)
- 微信小程序双人游戏横屏(微信小程序实现拼图游戏)
- 微信小程序抽签如何抽中(JavaScript实现班级抽签小程序)
- 百事大吉蓝底 绿底手机高清壁纸(绿底手机高清壁纸)
- 蓝底证件照怎么制作 证件照换底色 换尺寸快速搞定(蓝底证件照怎么制作)
- 你喜欢足球吗 足球如何点亮世界的(足球如何点亮世界的)
- 不可分鸽是什么梗(不可分鸽是什么梗)
- 古代的鸽子是爱情的象征,并非和平的使者(古代的鸽子是爱情的象征)
- 一课译词 放鸽子(一课译词放鸽子)
热门推荐
- JavaScript中==和===的区别
- css高级使用技巧(全面解析CSS Media媒体查询使用操作推荐)
- css文字竖排代码(纯 CSS 实现多行文字截断功能)
- laravel框架的业务流程顺序(Laravel+Dingo/Api 自定义响应的实现)
- python实现linux服务(Python实现Linux监控的方法)
- linux基本命令pwd(在Linux上使用xargs命令的详细教程)
- mysql中length、char_length区别
- yii2 在控制器中验证请求参数的使用方法(yii2 在控制器中验证请求参数的使用方法)
- jQuery对象和DOM的相互转换
- python定时任务(Python使用crontab模块设置和清除定时任务操作详解)