Vue.js에서 객체의 키(key)를 동적으로 생성할 때, 'let' 또는 'var' 키워드를 사용하여 변수를 정의하고 키에 할당할 때에는 '[ ]'를 사용하여 변수를 감싸야 합니다. 예시로 주신 코드를 수정하면 아래와 같이 됩니다:
var seq = 0;
let params = {
['test_' + seq]: 'test'
};
console.log(params);
위의 코드는 'params' 객체를 생성합니다. '['test_' + seq]'를 통해 'seq' 변수가 동적으로 키로 사용되고, 이후 ':' 뒤의 값인 'test'가 해당 키에 할당됩니다.
이렇게 하면 변수 'seq'의 값에 따라 키가 동적으로 생성되어 객체가 정의됩니다. 'seq' 변수가 0이라면 키는 'test_0'이 되고, 1이라면 'test_1'이 됩니다.
Vue.js에서도 마찬가지로 위와 같은 방식으로 동적인 키를 사용하여 객체를 정의할 수 있습니다.
Vue 인스턴스의 'data' 속성 내에서 변수를 정의하고, 그 변수를 사용하여 동적인 키를 객체에 할당하면 됩니다.
'gpt 정리' 카테고리의 다른 글
vue 에서 string.valueOf(1) 사용 (0) | 2024.02.05 |
---|---|
vue.js @change (0) | 2024.02.05 |
vue 에서 Map을 추가하는 예시 (0) | 2024.02.04 |
js 에서 var 과 let 의 차이 (0) | 2024.02.04 |
computed 속성 사용 예시 (0) | 2024.02.04 |