关于小程序云开发:小程序组件封装语法test

组件json文件

{  "usingComponents": {},  "component": true}

组件js文件

Component({  data: {    value: 1  },  properties:{      innreTest:{        type:'String',      value:'123123'      },      dataArr:{        type:'Array',        value:[]      }  },  methods: {    closeDialog() {      this.triggerEvent('closedialog', {})    },    chooseItem(e){      // console.log(e.currentTarget.dataset.item)      let item = e.currentTarget.dataset.item      this.triggerEvent('choose',item)    }  },  addnum() {    this.data.value ++    this.triggerEvent('addnum', {})  },})

组件xwml文件

<!--components/test/test.wxml--><view class="testmodel" >  <view class="flex">      {{innreTest}}    <text catchtap="closeDialog">勾销</text>    <text catchtap="addnum">确定</text>    <text wx:for="{{dataArr}}" bindtap="chooseItem" data-item="{{item}}">{{item.name}}</text>  </view></view>

应用组件

<test  dataArr="{{dataArray}}" bindchoose="fuchoose" innre-test="{{innreTest}}"></test>

js data

 dataArray:[{      name:'张三'    },    {      name:'李四'    }],    innreTest:'ettrytrt',    methods:{      fuchoose(e){            console.log(e.detail.name);//张三李四~~~~  },    }