支付宝、钉钉小程序组件的创建与使用

2020-04-09  本文已影响0人  码上行动

首先创建一个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 />
上一篇下一篇

猜你喜欢

热点阅读