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

微信小程序_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文件中也可使用。