美文网首页
支付宝、钉钉小程序组件的创建与使用

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

作者: 码上行动 | 来源:发表于2020-04-09 18:38 被阅读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 />
    

    相关文章

      网友评论

          本文标题:支付宝、钉钉小程序组件的创建与使用

          本文链接:https://www.haomeiwen.com/subject/rlhhmhtx.html