首先创建一个components文件夹与pages同级,文件夹下依次再创建其他文件夹用来存放组件,components下的每一个文件夹为一个组件,比如说我在components下创建了component文件夹存放一个组件,然后依次创建index.axml index.acss index.js index.json
完成以上操作,此时,只需要三步就可创建组件,示例代码如下:
/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 />
网友评论