Vue易错写法误区

一、vue不能检测下面数组的变化

  • 直接用索引设置元素,如vm.items[0] = {},此时变更了数组第0位的指针,导致视图不会更新
    正确写法应为:vm.items.$set(0, { childMsg: 'changed!' })
    或Object.assign():Object.assign(this.items[0], { childMsg: 'changed!'})
    相关使用技巧
  • 修改数组长度,如vm.items.length = 0
    正确写法应为:vm.items = [],用一个空数组替换items即可

你可能感兴趣的:(Vue易错写法误区)