Skip to content

Commit 8713a38

Browse files
authored
Merge pull request #8 from Alex-Sokolov/master
head.md доработки
2 parents b7fc492 + f3f8407 commit 8713a38

File tree

1 file changed

+3
-21
lines changed

1 file changed

+3
-21
lines changed

ru/head.md

Lines changed: 3 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -2,27 +2,9 @@
22

33
Аналогично внедрению ресурсов, управление заголовочными тегами следует той же идее: мы можем динамически присоединять данные к `context` рендерера в жизненном цикле компонента, а затем интерполировать эти данные в `template`.
44

5-
Для этого нам нужно иметь доступ к контексту серверного рендеринга внутри вложенного компонента. Мы можем просто передать `context` в `createApp()` и предоставить к нему доступ через `$options` корневого экземпляра:
5+
> С версии >=2.3.2 вы можете напрямую получать доступ к контексту SSR в компонентах через `this.$ssrContext`. В более ранних версиях вам потребуется вручную внедрять контекст SSR, передав его в `createApp()` и выставляя его на корневом экземплере `$options` — после чего, компоненты потомки смогут получить к нему доступ через `this.$root.$options.ssrContext`.
66
7-
``` js
8-
// app.js
9-
10-
export function createApp (ssrContext) {
11-
// ...
12-
const app = new Vue({
13-
router,
14-
store,
15-
// все дочерние компоненты смогут получить доступ как this.$root.$options.ssrContext
16-
ssrContext,
17-
render: h => h(App)
18-
})
19-
// ...
20-
}
21-
```
22-
23-
Это также можно сделать с помощью `provide/inject`, но поскольку мы знаем, что это будет в `$root`, мы можем избежать затрат производительности.
24-
25-
С внедрением контекста, мы можем написать простую примесь для управления заголовком:
7+
Мы можем написать простую примесь для управления заголовком:
268

279
``` js
2810
// title-mixin.js
@@ -42,7 +24,7 @@ const serverTitleMixin = {
4224
created () {
4325
const title = getTitle(this)
4426
if (title) {
45-
this.$root.$options.ssrContext.title = title
27+
this.$ssrContext.title = title
4628
}
4729
}
4830
}

0 commit comments

Comments
 (0)