2.5.21
https://codepen.io/AmrIKhudair/pen/NevxML
1- Arrayλ₯Ό νμ₯νλ ν΄λμ€λ₯Ό λ§λ€κ³ μ¬μ©μ μ§μ λ©μλλ₯Ό μΆκ°ν©λλ€.
2- ν΄λμ€μ μ μΈμ€ν΄μ€λ₯Ό μΈμ€ν΄μ€ννκ³ λ°μ΄ν°μ μΆκ°
3- ν
νλ¦Ώμ μΈμ€ν΄μ€μμ λ©μλ νΈμΆ μλ
λ©μλκ° μ±κ³΅μ μΌλ‘ μ€νλ¨
ν¨μκ° μλ μ€λ₯
Vue 2λ νμ¬ Array μλΈν΄λμ±μ μ§μνμ§ μμ΅λλ€(Vue 3 κ°λ° λΈλμΉλ μ΄λ―Έ μ§μν©λλ€). μ΄κ²μ κΈ°λ₯ μμ²μΌλ‘ λ³ννκ² μ΅λλ€.
@AmrIKhudair
λλ μ΄κ²λ νμνκ³ μ¬μ©μ μμμμ μλνλλ‘ λ§λ€μμ΅λλ€. Vue 3μ΄ λμ°©νλ©΄ μ κ±°ν μ μμ΅λλ€.
export function makeReactive (obj) {
// eslint-disable-next-line no-proto
const proto = obj.__proto__
Object.defineProperty(obj, '__proto__', {
get () { return proto },
// eslint-disable-next-line no-proto
set (newValue) { proto.__proto__ = newValue }
})
}
import { makeReactive } from 'util'
export default class UserCollection extends Array {
constructor (...args) {
super(...args)
makeReactive(this)
}
}
@edcoreweb
μ λ§ κ°μ¬ν©λλ€
κ°μ₯ μ μ©ν λκΈ
@AmrIKhudair
λλ μ΄κ²λ νμνκ³ μ¬μ©μ μμμμ μλνλλ‘ λ§λ€μμ΅λλ€. Vue 3μ΄ λμ°©νλ©΄ μ κ±°ν μ μμ΅λλ€.