微信小程序自定义组件

一、在项目根目录  新建Component文件夹，新建文件夹 以组件名称命名,然后再 新建文件夹上右击鼠标 ，选择 “新建component ”

 

 

// Component/zj1/zj1.js

Component({

  /**

   * 组件的属性列表

   */

  properties: {

max:{ //新建 max 属性 并设置默认值 100

type:Number,

value:100

}

  },

  /**

   * 组件的初始数据

   */

  data: {

count:0

  },

  /**

   * 组件的方法列表

   */

  methods: {

add(){ //定义方法 add 按钮点击一次 count自加1直至 count =max为止

if(this.data.count>=this.properties.max){ return ;}

this.setData({count:this.count+1 });

 

}

  }

})

2. 在 zj1.json 设置组件名称

{

  "component": true,

  "usingComponents": {

/Component/zj1/zj1

}

}

 

3. 在新页面中 使用