File tree 1 file changed +3
-3
lines changed
1 file changed +3
-3
lines changed Original file line number Diff line number Diff line change 2
2
3
3
可以通过命令行输入 ` vitepress build --mpa ` 或在配置文件中指定 ` mpa: true ` 配置选项来启用 MPA (Multi-Page Application) 模式。
4
4
5
- 在 MPA 模式下,所有页面都会默认不包含任何 JavaScript。因此,站点可能评估工具中获得更好的初始访问性能分数 。
5
+ 在 MPA 模式下,所有页面都默认不会包含任何 JavaScript。因此,站点也许可以在评估工具中获得更好的初始访问性能分数 。
6
6
7
- 但是,由于 SPA 导航的缺失,跨页面链接将导致重新加载整个页面。 MPA 模式下的导航不会像 SPA 模式那样立即响应。
7
+ 但是,由于缺少 SPA 路由,在 MPA 模式下切换页面时会重新加载整个页面,而不会像 SPA 模式那样立即响应。
8
8
9
9
同时请注意,默认情况下不使用 JavaScript 意味着你实际上只是将 Vue 作为服务器端模板语言。浏览器不会附加任何事件处理程序,因此将不会有任何交互性。要加载客户端 JavaScript,需要使用特殊的 ` <script client> ` 标签:
10
10
@@ -20,4 +20,4 @@ document.querySelector('h1').addEventListener('click', () => {
20
20
21
21
` <script client> ` 是 VitePress 独有的功能,而不是 Vue 的功能。它可以在 ` .md ` 和 ` .vue ` 文件中使用,但只能在 MPA 模式下使用。所有主题组件中的客户端脚本将被打包在一起,而特定页面的客户端脚本将会分开处理。
22
22
23
- 请注意,` <script client> ` ** 不会被视为 Vue 组件代码** :它将是普通的 JavaScript 模块。因此,只有在站点需要绝对最小的客户端交互性时 ,才应该使用 MPA 模式。
23
+ 请注意,` <script client> ` ** 不会被视为 Vue 组件代码** ,它只是普通的 JavaScript 模块。因此,只有在站点需要极少的客户端交互时 ,才应该使用 MPA 模式。
You can’t perform that action at this time.
0 commit comments