Vue.js version 2.0

Vue.js version 2.0 upgrade, changed a lot of methods or instructions

New Vue ({     el:' #demo ',     data:{         msg:"vue2.0"      }})

V-model

Lazy number Debounce (obsolete version 2.0) new plus lazy


• .lazy-Replace input listener change Events
• .number-input string converted to Digital
• .trim-Input and trailing space filter

<input v-model.lazy= "msg"/>

V-for
v-forIterative syntax Changes

• Discard $index and$key

• New array syntax

  • Value in arr

  • (value, index) in arr

• New Object Syntax

  • Value in obj

  • (Value, key) in obj

  • (Value, key, index) in obj

Value Key key index index subscript
<li v-for= "Item in Items" >{{item.id}}</li>
<li v-for= "(value,key) in Items" >{{value.id}}--{{key}}</li>
<li v-for= "(value,key,index) in Items" >{{value.id}}--{{key}}--{{index}}</li>

Vue.js version 2.0