Skip to content

Commit 59ee904

Browse files
authored
docs: typo in computed property name (#243)
1 parent 481a2b8 commit 59ee904

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

content/en/1.vue/2.reactivity/index.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,9 +10,9 @@ Vue provides [a great reactivity system](https://vuejs.org/guide/essentials/reac
1010

1111
- [`computed()`](https://vuejs.org/api/reactivity-core.html#computed) takes a getter function and returns a `ref` object, that reflects the return value of the getter function.
1212

13-
Here in the playground, we've created a ref object named `count` to hold a number, and a computed object named `double` that calculates the double of `count`. Vue will smartly know that `double` depends on `count`, so whenever `count` changes, `double` will re-calculate automatically.
13+
Here in the playground, we've created a ref object named `count` to hold a number, and a computed object named `doubled` that calculates the double of `count`. Vue will smartly know that `doubled` depends on `count`, so whenever `count` changes, `doubled` will re-calculate automatically.
1414

15-
Try clicking the button to increase the `count` value - you will see that the value of `double` also reflects the change.
15+
Try clicking the button to increase the `count` value - you will see that the value of `doubled` also reflects the change.
1616

1717
::note
1818
**Note**: Refs will be [auto unwrapped by Vue](https://vuejs.org/guide/essentials/reactivity-fundamentals.html#declaring-reactive-state-1) when referenced in the `<template>`, The `.value` is only needed when accessing the ref in `<script>` or JavaScript outside of Vue components.
@@ -25,7 +25,7 @@ Now let's get our hands on it! Try modifying the code to make the multiplier als
2525
To do that, you can:
2626

2727
1. Create a variable named `multiplier` with `ref()` and set it to `2`
28-
2. Rename `double` to `result` in both the `<script>` and `<template>`
28+
2. Rename `doubled` to `result` in both the `<script>` and `<template>`
2929
3. Update the implementation of `result` to return `count.value * multiplier.value`{lang=js}
3030
4. Add another button to increase the `multiplier` value
3131

0 commit comments

Comments
 (0)