💡 핵심 요약 (Executive Summary)
본 가이드는 samples dev fw vue.js Instance Properties 핵심 가이드 및 실전 아키텍처의 핵심 개념, 실전 구성 명령어 및 아키텍처 베스트 프랙티스를 다룹니다. 클라우드 네이티브 및 인프라 엔지니어링 실무에 즉시 활용 가능하도록 체계적으로 정리했습니다.
전역 변수
\$parent
- 부모 컴포넌트
\$refs[’refername’]
- 선언된 child 컴포넌트 map Object
- 부모컴포넌트 내에 선언
- \
전역 메서드
\$set(obj, index or key, value)
sql
## 변경감지 활성화
### 오브젝트
var vm = new Vue({
data: {
someObject: {
a: 1
}
}
});
// `vm.someObject.a` 는 이제 반응형입니다.
vm.someObject.b = 2;
// `vm.someObject.b` 는 반응형이 아닙니다.
// 아래의 방식으로 반응형으로 초기화 가능
Vue.set(vm.someObject, 'b', 2);
vm.$set(vm.someObject, 'b', 2);
this.$set(vm.someObject, 'b', 2);
### 배열
var vm = new Vue({
data: {
items: ['a', 'b', 'c']
}
});
vm.items[1] = 'x'; // 반응형이 아닙니다
vm.items.length = 2; // 반응형이 아닙니다
// 아래의 방식으로 반응형으로 초기화 가능
Vue.set(vm.items, indexOfItem, newValue);
vm.$set(vm.items, indexOfItem, newValue);
this.$set(this.items, indexOfItem, newValue);
Leave a Reply