Commit fc0ee9d9 authored by Evan You's avatar Evan You

docs: serve hot-reload gif

parent 5ee55c2e
...@@ -21,6 +21,9 @@ module.exports = { ...@@ -21,6 +21,9 @@ module.exports = {
themeConfig: { themeConfig: {
repo: 'vuejs/vue-loader', repo: 'vuejs/vue-loader',
docsDir: 'docs', docsDir: 'docs',
serviceWorker: {
updatePop: true
},
locales: { locales: {
'/': { '/': {
label: 'English', label: 'English',
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
"Hot Reload" is not simply reloading the page when you edit a file. With hot reload enabled, when you edit a `*.vue` file, all instances of that component will be swapped in **without reloading the page**. It even preserves the current state of your app and these swapped components! This dramatically improves the development experience when you are tweaking the templates or styling of your components. "Hot Reload" is not simply reloading the page when you edit a file. With hot reload enabled, when you edit a `*.vue` file, all instances of that component will be swapped in **without reloading the page**. It even preserves the current state of your app and these swapped components! This dramatically improves the development experience when you are tweaking the templates or styling of your components.
![hot-reload](http://blog.evanyou.me/images/vue-hot.gif) ![hot-reload](/hot-reload.gif)
## State Preservation Rules ## State Preservation Rules
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
"Горячая перезагрузка" это не просто обновление страницы, когда вы отредактируете файл. При использовании горячей перезагрузки, когда вы отредактируете `*.vue` файл, все экземпляры этого компонента будут заменены **без перезагрузки страницы**. При этом даже будет сохранено текущее состояние вашего приложения и заменяемых компонентов! Это значительно улучшает процесс разработки, особенно когда вы занимаетесь тонкой настройкой шаблонов или стилей ваших компонентов. "Горячая перезагрузка" это не просто обновление страницы, когда вы отредактируете файл. При использовании горячей перезагрузки, когда вы отредактируете `*.vue` файл, все экземпляры этого компонента будут заменены **без перезагрузки страницы**. При этом даже будет сохранено текущее состояние вашего приложения и заменяемых компонентов! Это значительно улучшает процесс разработки, особенно когда вы занимаетесь тонкой настройкой шаблонов или стилей ваших компонентов.
![hot-reload](http://blog.evanyou.me/images/vue-hot.gif) ![hot-reload](/hot-reload.gif)
## Правила сохранения состояния ## Правила сохранения состояния
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
“热重载”不只是当你修改文件的时候简单重新加载页面。启用热重载后,当你修改 `.vue` 文件时,该组件的所有实例将在**不刷新页面**的情况下被替换。它甚至保持了应用程序和被替换组件的当前状态!当你调整模版或者修改样式时,这极大地提高了开发体验。 “热重载”不只是当你修改文件的时候简单重新加载页面。启用热重载后,当你修改 `.vue` 文件时,该组件的所有实例将在**不刷新页面**的情况下被替换。它甚至保持了应用程序和被替换组件的当前状态!当你调整模版或者修改样式时,这极大地提高了开发体验。
![hot-reload](http://blog.evanyou.me/images/vue-hot.gif) ![hot-reload](/hot-reload.gif)
## 状态保留规则 ## 状态保留规则
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment