Vue.js 2.0版升级,更改了好多方法或指令
new Vue({ el:‘#demo‘, data:{ msg:"vue2.0" } })
v-model
lazy number debounce (2.0版废弃) 新加 lazy
<input v-model.lazy="msg" />
v-for
v-for
迭代语法变化
- 丢弃
和$index
$key
- 新数组语法
- value in arr
- (value, index) in arr
- 新对象语法
- value in obj
- (value, key) in obj
- (value, key, index) in obj
value 值 key 键 index 索引下标
<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>
时间: 2024-08-03 19:01:41