微信小程序- component 自定义组件及引用_usingcomponents

一、自定义组件

1、根目录下创建一个 Components 文件夹

2、在 Components 文件夹中创建一个文件夹（文件夹名称为组件名称），例如组件名称为Myheader

 3、点击Myheader 文件夹，右键选择 新建Component， 并命名为Myheader

 

4、在 Myheader.wxml 和 Myheader.scss 中写对应的内容

二、引用自定义组件

引用分为 全局引用 和 单个页面 引用

类型一：全局引用

1、在app.json中，用 usingComponents 属性引入组件

2.想在某个页面引入组件，则可在对应.wxml文件里 用组件名称定义的标签，例如

< Myheader>< Myheader/>

类型二：单个页面引用

1、在对应页面的.json中，用 usingComponents 属性引入组件

 

2、在对应页面的 .wxml 文件里 用组件名称定义的标签，例如

< Myheader>< Myheader/>