【微信小程序_19_自定义组件（1）】

摘要：本文主要介绍了小程序开发中自定义组件的相关知识。包括组件的创建与引用，可在项目根目录创建组件文件夹，生成相应文件，并根据使用频率选择全局或局部引用。还阐述了组件和页面的区别，如组件的.json 文件需声明 “component: true”，.js 文件调用 Component () 函数等。在样式方面，组件默认样式隔离，能防止内外样式干扰，同时指出了样式隔离的注意点和修改选项，可选值包括 isolated、apply-shared 和 shared。通过这些知识，能更好地进行小程序的开发，提高代码的复用性和可维护性。

1.自定义组件相关概念

创建与引用

• 创建：在项目根目录中，右键创建components文件夹，在新建的文件夹中右键新建组件，会自动生成.js、.json、.wxml和.wxss四个文件。不同组件应存放在单独目录中。
• 引用
• 局部引用：在页面的.json配置文件中，通过"usingComponents"字段引入组件，如"my-test1":"/components/test1/test1"，然后在.wxml文件中使用<my-test1></my-test1>。
• 全局引用：在app.json全局配置文件中引入组件，如"my-test2": "/components/test2/test2"，在页面的.wxml文件中也可使用。