視圖文件里使用{{}}可以綁定數據,:
<image src="{{like?'images/like_on.png':'images/like.png'}}"></image>
再到組件js里定義data數據即可實現數據的綁定
data: {
like:true
},
使用組件的時候要遵循封裝性，開放性等原則
使用變量保存這兩張圖片的路徑:
data: {
like:true,
yesSrc: 'images/like_on.png',
noSrc: 'images/like.png'
},
相應的視圖層
<image src="{{like?yesSrc:noSrc}}"></image>
在組件js properties下定義的變量可以被稱之為：屬性
在其三個設置中，type是必填的,value是初始值（選填）
最后在組件的點擊事件中
定義方法實現點擊切換,使用setData來更新數據
至此一個組件內部基本的數據綁定DEMO就完成了