1. 程式人生 > >小程式,vue,react寫法區分

小程式,vue,react寫法區分

 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':' '}}"