You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: src/v2/guide/instance.md
+5-5Lines changed: 5 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -6,17 +6,17 @@ order: 3
6
6
7
7
## Constructor
8
8
9
-
Every Vue vm is bootstrapped by creating a **root Vue instance** with the `Vue` constructor function:
9
+
Every Vue application is bootstrapped by creating a **root Vue instance** with the `Vue` constructor function:
10
10
11
11
```js
12
12
var vm =newVue({
13
13
// options
14
14
})
15
15
```
16
16
17
-
Although not strictly associated with the [MVVM pattern](https://en.wikipedia.org/wiki/Model_View_ViewModel), Vue's design was partly inspired by it. As a convention, we often use the variable `vm` (short for ViewModel) to refer to our Vue instances.
17
+
Although not strictly associated with the [MVVM pattern](https://en.wikipedia.org/wiki/Model_View_ViewModel), Vue's design was partly inspired by it. As a convention, we often use the variable `vm` (short for ViewModel) to refer to our Vue instance.
18
18
19
-
When you instantiate a Vue instance, you need to pass in an **options object** which can contain options for data, template, element to mount on, methods, lifecycle callbacks and more. The full list of options can be found in the [API reference](../api).
19
+
When you instantiate a Vue instance, you need to pass in an **options object** which can contain options for data, template, element to mount on, methods, lifecycle callbacks, and more. The full list of options can be found in the [API reference](../api/#Options-Data).
20
20
21
21
The `Vue` constructor can be extended to create reusable **component constructors** with pre-defined options:
22
22
@@ -53,7 +53,7 @@ data.a = 3
53
53
vm.a// -> 3
54
54
```
55
55
56
-
It should be noted that only these proxied properties are **reactive**. If you attach a new property to the instance after it has been created, it will not trigger any view updates. We will discuss the reactivity system in detail later.
56
+
It should be noted that only these proxied properties are **reactive**, meaning any changes to their values will trigger the view to re-render. If you attach a new property to the instance after it has been created, it will not trigger any view updates. We will discuss the reactivity system in detail later.
57
57
58
58
In addition to data properties, Vue instances expose a number of useful instance properties and methods. These properties and methods are prefixed with `$` to differentiate them from proxied data properties. For example:
59
59
@@ -75,7 +75,7 @@ vm.$watch('a', function (newVal, oldVal) {
75
75
76
76
<pclass="tip">Don't use [arrow functions](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) on an instance property or callback (e.g. `vm.$watch('a', newVal => this.myMethod())`). As arrow functions are bound to the parent context, `this` will not be the Vue instance as you'd expect and `this.myMethod` will be undefined.</p>
77
77
78
-
Consult the [API reference](../api) for the full list of instance properties and methods.
78
+
Consult the [API reference](../api/#Instance-Properties) for the full list of instance properties and methods.
0 commit comments