vue和小程序的对比

链接： http://www.cnblogs.com/zhangruiqi/p/9412948.html

这篇文章实在太棒了！ 可以说是精彩绝伦！

vue 和 react 和小程序部分对比

1. 标签内属性:

vue:  :key = "index"   (直接字符串)
react: key={index}   (单括号)
小程序: key="{{index}}"   (字符串内双括号)

2. 绑定事件

vue:   @click="clickFuc"  (字符串)
       v-on:click="say('hi')"
react: onClick={clickFuc}  (单括号) 
       onClick={this.deleteRow.bind(this, id)}
小程序: bindtap="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':' '}}"