小程式,vue,react寫法區分
阿新 • • 發佈:2018-11-08
1. 標籤內屬性:
vue: :key = "index" (直接字串)
react: key={index} (單括號)
小程式: key="{{index}}" (字串內雙括號)
2.繫結事件
vue: @click="clickFuc" (字串)
react: onClick={clickFuc} (單括號)
小程式: onTap=“clickFuc” (字串)
3.動態內聯style和class
vue:
:style="{height: xx > 0? '300px' : ' ' }"
:class="{firstImg: index === 0}"
react:
style={{display: (index === this.state.currentIndex) ? 'block': 'none'}}
className={`red ${index === this.state.currentIndex ?'active' : null }`}
小程式:
style="display: {{ num ===3? 'block' : 'none' }}"
class="red {{num==3?'cur':' '}}"