小程序创建自定义组件

创建一个components目录，下面放文件

1、创建一个test组件

//    test.wxml
<view>标题</view>
<view>内容内容内容内容</view>
//    test.json
{
  "component": true,
  "usingComponents": {}
}

2、page里面引用组件

//    局部引入引入组件
{
  "usingComponents": {
    "test":"/components/test/test"
  }
}
//    全局引入,在app.json里面
usingComonents:{
     "test":"/components/test/test"
}
//    直接使用就会显示,两种均可
  <test/>
  <test></test>

 

自定义组件中和页面中的class名重名，是不会产生冲突的；

页面中的class和自定义组件中的class重名；同样不会产生冲突；