data - 钉钉 API copy

data 为组件的局部状态，和页面一样，可以通过this.setData更改，会触发组件的重新渲染；也可以通过this.$spliceData做数据的更改。

示例代码

// /components/counter/index.js
Component({
  data: { counter: 0 }
});

<!-- /components/counter/index.axml -->
<view>{{counter}}</view>

// /components/counter/index.json
{
  "component": true,
}

以上代码分别实现了自定义组件的三个要素：js、axml、json。然后我们在页面上就可以使用了。首先需要在页面的 json 文件中声明依赖的组件，和组件的声明依赖方式相同。

// /pages/index/index.json
{
  "usingComponents": {
    "my-component": "/components/counter/index"
  }
}

然后在页面的 axml 中就可以使用了。

<!-- /pages/index/index.axml -->
<my-component />

页面输出：