位置: IT常识 - 正文
【微信小程序】自定义组件(一)(微信小程序在哪里打开)
发布时间：2024-01-17【微信小程序】自定义组件(一) 
1.1 介绍
本文链接地址:https://www.jiuchutong.com/zhishi/299063.html
转载请保留说明！
推荐整理分享【微信小程序】自定义组件(一)(微信小程序在哪里打开)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:微信小程序游戏手游排行榜,微信小程序开发,微信小程序制作,微信小程序店铺怎么开,微信小程序开发一个多少钱,微信小程序制作,微信小程序开发公司,微信小程序怎么制作自己的小程序,内容如对您有帮助，希望把文章链接给更多的朋友！
🎁写在前面：
观众老爷们好呀，这里是前端小刘不怕牛牛频道，小程序系列文章又更新了呀。
今天牛牛带来的是微信小程序的自定义组件入门知识，赶紧拿起小本本做笔记呀！
文章目录一，创建和引用1.1 介绍1.2 创建自定义组件1.3 自定义组件引用1.4 组件结构二，自定义组件模板和样式2.1 组件模板2.2 组件样式一，创建和引用1.1 介绍自定义组件，就是开发者将页面的某个功能模块抽象化并提取出来的代码块，支持复用，减少一定的代码量。
有了自定义组件，我们就可以将页面复杂的模块分解成几个低耦合的模块。低耦合就是说模块间的关联程度低，避免了过度依赖，利于代码维护等等。当多个页面需要一样的功能模块时，我们还可以封装一个自定义组件，只需要在各页面使用该组件即可。这样代码量是不是一下子减少好多，相当的nice。
1.2 创建自定义组件自定义组件的创建，类似于页面的创建，也是由json、wxml、wxss、js四个类型的文件组成
创建有以下两个步骤：
在项目的根目录下，创建一个components文件夹，用来存放我们的自定义组件代码 伙伴们是不是觉得跟Vue的组件定义有点像，不过注意的是，vue定义组件只需要vue一个文件即可，而小程序的自定义组件一般来说可不止。在components文件夹下创建一个自定义组件名字的空文件夹，鼠标移至新文件夹上方并右键，再次输入名字，按下回车，开发者工具就会帮你自动生成需要的四个类型的文件一个最简单的自定义组件我们就创建完成啦。
注意：
自定义组件文件夹下需要在json文件中将component设置为true，完成自定义组件
上一篇：【Zabbix实战之部署篇】Zabbix客户端的安装部署方法
下一篇：解决SpringBoot和前端Vue的跨域问题(springboot比spring做了哪些改进)
