Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 035e820

Browse files
authoredMay 31, 2020
docs: [RU] Translation update (#294)
* [RU] Translation moved to VuePress * add redirects * hydration.md fix * docs: [RU] typos * docs: [RU] 2.6 updates * docs: [RU] typo * readme.md update * readme.md update * docs: (ru) fixes * data.md update * guide.md update * head.md update Co-authored-by: Alex Sokolov <[email protected]>
1 parent 1f20c14 commit 035e820

File tree

2 files changed

+46
-3
lines changed

2 files changed

+46
-3
lines changed
 

‎docs/ru/guide/README.md

Lines changed: 43 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ server.listen(8080)
101101
Теперь мы можем прочитать этот файл и передать его в рендерер Vue:
102102

103103
``` js
104-
const renderer = createRenderer({
104+
const renderer = require('vue-server-renderer').createRenderer({
105105
template: require('fs').readFileSync('./index.template.html', 'utf-8')
106106
})
107107

@@ -155,3 +155,45 @@ renderer.renderToString(app, context, (err, html) => {
155155
- Автоматическую подстановку и предотвращение XSS при встраивании Vuex-состояния для гидратации на стороне клиента.
156156

157157
Мы обсудим это дальше, когда будем разбирать все связанные концепции.
158+
159+
## Полный листинг кода для демо
160+
161+
```js
162+
const Vue = require('vue');
163+
const server = require('express')();
164+
165+
const template = require('fs').readFileSync('./index.template.html', 'utf-8');
166+
167+
const renderer = require('vue-server-renderer').createRenderer({
168+
template,
169+
});
170+
171+
const context = {
172+
title: 'vue ssr',
173+
metas: `
174+
<meta name="keyword" content="vue,ssr">
175+
<meta name="description" content="vue srr demo">
176+
`,
177+
};
178+
179+
server.get('*', (req, res) => {
180+
const app = new Vue({
181+
data: {
182+
url: req.url
183+
},
184+
template: `<div>The visited URL is: {{ url }}</div>`,
185+
});
186+
187+
renderer
188+
.renderToString(app, context, (err, html) => {
189+
console.log(html);
190+
if (err) {
191+
res.status(500).end('Internal Server Error')
192+
return;
193+
}
194+
res.end(html);
195+
});
196+
})
197+
198+
server.listen(8080);
199+
```

‎docs/ru/guide/head.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -50,12 +50,13 @@ export default process.env.VUE_ENV === 'server'
5050
// Item.vue
5151
export default {
5252
mixins: [titleMixin],
53+
5354
title () {
5455
return this.item.title
5556
},
5657

57-
asyncData ({ store, route }) {
58-
return store.dispatch('fetchItem', route.params.id)
58+
serverPrefetch () {
59+
return this.$store.dispatch('fetchItem', this.$route.params.id)
5960
},
6061

6162
computed: {

0 commit comments

Comments
 (0)
Please sign in to comment.