Vue: $vm.$delete('object.key')κ°€ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€

에 λ§Œλ“  2016λ…„ 08μ›” 01일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: vuejs/vue

Vue.js 버전

1.0.26

μž¬μƒμ‚° 링크

http://jsbin.com/cavadiwosi/1/edit?html,js ,μ½˜μ†”,좜λ ₯

μž¬ν˜„ 단계

$vm.$delete('object.key')

μ˜ˆμƒλ˜λŠ” 것은 λ¬΄μ—‡μž…λ‹ˆκΉŒ?

$vm.object.key λŠ” μ‘΄μž¬ν•˜μ§€ μ•Šμ•„μ•Ό ν•©λ‹ˆλ‹€.
$vm.$set('object.key', value) 잘 μž‘λ™ν•˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€

μ‹€μ œλ‘œ 무슨 일이 μΌμ–΄λ‚˜κ³  μžˆμŠ΅λ‹ˆκΉŒ?

$vm.object.key 은 λ³€κ²½λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

$set 및 $delete λŠ” μƒˆ λ²„μ „μ—μ„œ 더 이상 μ‚¬μš©λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. λŒ€μ‹  Vue.set 및 Vue.delete μ‚¬μš©ν•˜μ‹­μ‹œμ˜€.

toggleRow: function(row) {
  key = row.id
  if (this.selectedRows[key]) {
    console.log('deleteRow: ', key)
    Vue.delete(this.selectedRows, key)
  }
  else {
    Vue.set(this.selectedRows, key, row)
  }   
}

λͺ¨λ“  3 λŒ“κΈ€

$set 및 $delete λŠ” μƒˆ λ²„μ „μ—μ„œ 더 이상 μ‚¬μš©λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. λŒ€μ‹  Vue.set 및 Vue.delete μ‚¬μš©ν•˜μ‹­μ‹œμ˜€.

toggleRow: function(row) {
  key = row.id
  if (this.selectedRows[key]) {
    console.log('deleteRow: ', key)
    Vue.delete(this.selectedRows, key)
  }
  else {
    Vue.set(this.selectedRows, key, row)
  }   
}

APIλŠ” VM의 자체 ν‚€ μ‚­μ œλ§Œ μ§€μ›ν•©λ‹ˆλ‹€. λ˜ν•œ Vue.deleteλ₯Ό μ„ ν˜Έν•˜μ‹­μ‹œμ˜€.

@kingdaro vm.$set 및 $vm.deleteλŠ” μ‹€μ œ 버전 2.xμ—μ„œ 더 이상 μ‚¬μš©λ˜μ§€ μ•ŠλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€ https://vuejs.org/v2/api/#vm-set :)

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰