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