首先创建一个components文件夹与pages同级，文件夹下依次再创建其他文件夹用来存放组件，components下的每一个文件夹为一个组件，比如说我在components下创建了component文件夹存放一个组件，然后依次创建index.axml index.acss index.js index.json
image.png
完成以上操作，此时，只需要三步就可创建组件，示例代码如下：
/components/components/index.js
Component({
data: { counter: "我是一个组件" }
});
======
/components/component/index.axml
<view>{{counter}}</view>
=====
/components/component/index.json
{
"component": true,
}
======================================================================
使用组件，只需两步，示例代码如下:
/pages/index/index.json
{
"usingComponents": {
"my-component": "/components/counter/index"
}
}
/pages/index/index.axml
<my-component />
网友评论