Skip to content

Commit b8934c0

Browse files
Alex-Sokolovyyx990803
authored andcommitted
[RU] Translation update (#195)
1 parent 8706490 commit b8934c0

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

docs/ru/guide/hydration.md

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,12 +13,19 @@ app.$mount('#app')
1313

1414
Если вы исследовали вывод после серверного рендеринга, вы могли заметить, что у корневого элемента приложения должен быть добавлен специальный атрибут:
1515

16-
``` js
16+
``` html
1717
<div id="app" data-server-rendered="true">
1818
```
1919

2020
Специальный атрибут `data-server-rendered` позволяет клиентской части Vue знать, что разметка отображается сервером, и он должен монтироваться в режиме гидратации. Обратите внимание, что он не добавляет `id="app"`, а только атрибут `data-server-rendered`: вам необходимо добавить ID или какой-либо другой селектор в корневой элемент самостоятельно или приложение не будет гидратироваться правильно.
2121

22+
Обратите внимание, что на элементах без атрибута `data-server-rendered` гидратация может быть принудительно выполнена при передаче `true` в аргументе `hydrating` метода `$mount`:
23+
24+
``` js
25+
// Принудительная гидратация приложения
26+
app.$mount('#app', true)
27+
```
28+
2229
В режиме разработки Vue будет проверять, что виртуальное дерево DOM, сгенерированное на стороне клиента, совпадает с структурой DOM созданной на сервере. При нахождении несоответствия, он будет считать гидратацию неудачной, отказываться от существующего DOM и рендерить всё с нуля. **В режиме production, эта проверка отключена для достижения максимальной производительности.**
2330

2431
### Предостережения при гидратации

0 commit comments

Comments
 (0)