组件数据、事件与属性

一： 数据绑定 {{}}
二： 三元表达式与数据切换
data{
like:true,
count1:9,
count2:99
}
{{like?count1:count2}}
三：三元表达式的应用
src="{{like?‘images/like.png’:‘images/like@kids.png’}}"
优化代码
data{
like:true,
count1:9,
count2:99,
yesSrc:“images/like.png”,
noSrc:“images/like@kids.png”
}
src="{{like?yesSrc:noSrc}}"
四：组件的封闭性和开放性
组件内部需要的封装在内部，直接定义在 data中
对外开放的要定义自properties中
语法
properties{
//javascript对象的形式
like:{
type:Boolean,//类型
value:false,//初始值
observer:function(){
}
},
count:{
type:Number
//不设置初始值，程序会自动给一个默认值，number的默认值是0
}
}
页面中使用 properties通data一样，用{{}}的形式绑定数据
四：properties中的值怎么传入methods中

methods:{
onlike:function(event){
let like = this.properties.like
let count = this.properties.count
count = like?count-1:count+1 //like为假初始值-1数据为真，数据+1
//通过数据绑定来更新wxml中所绑定的数值
//在javascript中更新绑定的数值
this.setData({
count:count,
like:!like
})
}
}