Skip to content

Commit ca965cd

Browse files
jblotusktsn
authored andcommitted
Update two-way computed property form example (#645)
* Update two-way computed property form example Added a template example to demonstrate two-way computed bound on the input using v-model. * update for all lang
1 parent 5ea4309 commit ca965cd

File tree

6 files changed

+18
-2
lines changed

6 files changed

+18
-2
lines changed

docs/en/forms.md

+3
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,9 @@ mutations: {
4242

4343
Admittedly, the above is quite a bit more verbose than `v-model` + local state, and we lose some of the useful features from `v-model` as well. An alternative approach is using a two-way computed property with a setter:
4444

45+
``` html
46+
<input v-model="message">
47+
```
4548
``` js
4649
// ...
4750
computed: {

docs/fr/forms.md

+3
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,9 @@ mutations: {
4242

4343
Admettons tout de même que l'exemple ci-dessus est plus verbeux que le `v-model` couplé au state local, et on perd quelques fonctionnalités pratiques de `v-model` au passage. Une approche alternative consiste à utiliser une computed property bi-directionnelle avec un setter :
4444

45+
``` html
46+
<input v-model="message">
47+
```
4548
``` js
4649
// ...
4750
computed: {

docs/ja/forms.md

+3
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,9 @@ mutations: {
4242

4343
確かに、上記の例は単純な `v-model` と ローカルステートよりもかなり冗長で、`v-model` のいくつかの有用な機能が使えません。代わりに、セッターで双方向算出プロパティを使うアプローチがあります。
4444

45+
``` html
46+
<input v-model="message">
47+
```
4548
``` js
4649
computed: {
4750
message: {

docs/kr/forms.md

+3
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,9 @@ mutations: {
4242

4343
틀림없이, 위의 내용은 `v-model` + 지역 상태보다 좀더 장황 해졌고, `v-model`의 유용한 기능 중 일부를 잃어 버렸습니다. 다른 방법은 setter를 사용하여 양방향 계산된 속성을 사용하는 것입니다.
4444

45+
``` html
46+
<input v-model="message">
47+
```
4548
``` js
4649
// ...
4750
computed: {

docs/ru/forms.md

+3-1
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,9 @@ mutations: {
4242

4343
Заметно, что получившаяся выше запись — куда многословнее, чем используемая в связке `v-model` с локальным состоянием, да и некоторые полезные возможности `v-model` мы таким образом упускаем. В качестве альтернативы можно предложить использование двунаправленного вычисляемого свойства с сеттером:
4444

45+
``` html
46+
<input v-model="message">
47+
```
4548
``` js
4649
// ...
4750
computed: {
@@ -55,4 +58,3 @@ computed: {
5558
}
5659
}
5760
```
58-

docs/zh-cn/forms.md

+3-1
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,9 @@ mutations: {
4242

4343
必须承认,这样做比简单地使用“`v-model` + 局部状态”要啰嗦得多,并且也损失了一些 `v-model` 中很有用的特性。另一个方法是使用带有 setter 的双向绑定计算属性:
4444

45+
``` html
46+
<input v-model="message">
47+
```
4548
``` js
4649
// ...
4750
computed: {
@@ -55,4 +58,3 @@ computed: {
5558
}
5659
}
5760
```
58-

0 commit comments

Comments
 (0)