VUE注意点
2018-02-28 本文已影响0人
丨断了的弦丨
- Vue.js 为 v-on 提供了事件修饰符
- .stop
- .prevent
- .capture
- .self
- .once
- v-for in of 间隔
- v-for 数组中若是基本类型,参数为(val,index);若是对象,则为(val,key,index).
- 使用索引修改数组时,应该使用
// Vue.set
Vue.set(example1.items, indexOfItem, newValue)
或者
// Array.prototype.splice
example1.items.splice(indexOfItem, 1, newValue) - 对象更改检测
Vue.set(object, key, value)
或者
vm.$set(vm.userProfile, 'age', 27) (它只是全局 Vue.set 的别名)
ps:有时你可能需要为已有对象赋予多个新属性,比如使用 Object.assign() 或 _.extend()。在这种情况下,你应该用两个对象的属性创建一个新的对象
vm.userProfile = Object.assign({}, vm.userProfile, {
age: 27,
favoriteColor: 'Vue Green'
}) - 当它们处于同一节点,v-for 的优先级比 v-if 更高,这意味着 v-if 将分别重复运行于每个 v-for 循环中。