Skip to content

Commit d23100e

Browse files
committed
업데이트된 내용 수정
1 parent 59fa049 commit d23100e

File tree

1 file changed

+9
-8
lines changed

1 file changed

+9
-8
lines changed

src/v2/guide/instance.md

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,8 @@ var vm = new Vue({
1616

1717
엄격히 [MVVM 패턴](https://en.wikipedia.org/wiki/Model_View_ViewModel)과 관련이 없지만 Vue의 디자인은 부분적으로 그것에 영감을 받았습니다. 관례적으로, Vue 인스턴스를 참조하기 위해 종종 변수 `vm`(ViewModel의 약자)을 사용합니다.
1818

19-
Vue 인스턴스를 인스턴스화 할 때는 데이터, 템플릿, 마운트할 엘리먼트, 메소드, 라이프사이클 콜백 등의 옵션을 포함 할 수있는 **options 객체**를 전달 해야합니다. 전체 옵션 목록은 [API reference](../api)에서 찾을 수 있습니다.
19+
Vue 인스턴스를 생성할 때는 **options 객체**를 전달해야 합니다. 이 가이드는 대부분 원하는 생성을 구현할 때 이런 옵션들을 사용하여 원하는 동작을 구현하는 방법에 대해 다룹니다. 전체 옵션 목록은 [API reference](../api/#Options-Data)에서 확인할 수 있습니다.
2020

21-
`Vue` 생성자는 미리 정의 된 옵션으로 재사용 가능한 **컴포넌트 생성자**를 생성하도록 확장 될 수 있습니다
2221
Vue 앱은 `new Vue`를 통해 만들어진 `루트 Vue 인스턴스`로 구성되며 선택적으로 중첩이 가능하고 재사용 가능한 컴포넌트 트리로 구성됩니다. 예를 들어 Todo 앱의 컴포넌트 트리는 다음과 같습니다.
2322

2423
```
@@ -32,11 +31,11 @@ Root Instance
3231
└─ TodoListStatistics
3332
```
3433

35-
확장된 인스턴스를 만들수는 있으나 대개 템플릿에서 사용자 지정 엘리먼트로 선언적으로 작성하는 것이 좋습니다. 나중에 [컴포넌트 시스템](components.html)에 대해 자세히 설명합니다. 지금은 모든 Vue 컴포넌트가 본질적으로 확장된 Vue 인스턴스라는 것을 알아야 합니다.
34+
나중에 [컴포넌트 시스템](components.html)에 대해 자세히 설명합니다. 지금은 모든 Vue 컴포넌트가 본질적으로 확장된 Vue 인스턴스이기에 모두 같은 옵션 객체(몇 가지 루트 인스턴스 전용 옵션 제외)를 전달해야 하는 것만 알면 됩니다.
3635

37-
## 속성과 메소드
36+
## 데이터와 메소드
3837

39-
Vue 인스턴스는 `data` 객체에 있는 모든 속성을 **프록시** 처리 합니다.
38+
Vue 인스턴스가 생성될 때 `data` 객체에 있는 모든 속성이 Vue의 **반응형 시스템**에 추가됩니다. 각 속성값이 변경될 때 뷰가 "반응"하여 새로운 값과 일치하도록 업데이트됩니다.
4039

4140
``` js
4241
// 데이터 객체
@@ -47,14 +46,16 @@ var vm = new Vue({
4746
data: data
4847
})
4948

50-
// 같은 객체를 참조합니다!
49+
// 인스턴스에 있는 속성은
50+
// 원본 데이터에 있는 값을 반환합니다.
5151
vm.a === data.a // => true
5252

53-
// 속성 설정은 원본 데이터에도 영향을 미칩니다.
53+
// 인스턴스에 있는 속성값을 변경하면
54+
// 원본 데이터에도 영향을 미칩니다.
5455
vm.a = 2
5556
data.a // => 2
5657

57-
// ... 당연하게도
58+
// ... 반대로 마찬가지입니다.
5859
data.a = 3
5960
vm.a // => 3
6061
```

0 commit comments

Comments
 (0)