小程序,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':' '}}"