微信小程序组件开发

------json:

{
"usingComponents": {}
}

 

----页面

Component({
properties: {
like: {
type:Boolean,
value:false
},
count:{
type:Number,
value:0
},
demo:{
type:String,
value:‘string‘
}
},
data:{
yseSrc:‘/images/component/like-1.png‘,
noSrc: ‘/images/component/like.png‘
//需要开发出来的数据,封装在内部开发出来,从外部可以设置,我们称之为属性
// like false
// count 0
},
methods: {
onLike: function () {
let like= this.data.like
let count= this.data.count
count=like?count-1:count+1
this.setData({
count:count,
like:!like
})

}
}

})

------xml

<view bind:tap="onLike">
<image src="{{like?yseSrc:noSrc}}"></image>
<view>like:{{like}}</view>
<view>count:{{count}}</view>
</view>

 

微信小程序组件开发

上一篇:微信开放平台授权流程


下一篇:Senparc.Weixin微信开发(3) 自定义菜单与获取用户组