VUE注意点

2018-02-28  本文已影响0人  丨断了的弦丨
  1. Vue.js 为 v-on 提供了事件修饰符
  1. v-for in of 间隔
  2. v-for 数组中若是基本类型,参数为(val,index);若是对象,则为(val,key,index).
  3. 使用索引修改数组时,应该使用
    // Vue.set
    Vue.set(example1.items, indexOfItem, newValue)
    或者
    // Array.prototype.splice
    example1.items.splice(indexOfItem, 1, newValue)
  4. 对象更改检测
    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'
    })
  5. 当它们处于同一节点,v-for 的优先级比 v-if 更高,这意味着 v-if 将分别重复运行于每个 v-for 循环中。
上一篇下一篇

猜你喜欢

热点阅读