|
|
import{_ as e,c as n,j as i,a,G as p,ag as l,B as d,o as h}from"./chunks/framework.C1C4sYC0.js";const _=JSON.parse('{"title":"Режим MPA","description":"","frontmatter":{},"headers":[],"relativePath":"ru/guide/mpa-mode.md","filePath":"ru/guide/mpa-mode.md","lastUpdated":1728443270000}'),k={name:"ru/guide/mpa-mode.md"},r={id:"mpa-mode",tabindex:"-1"};function E(o,s,c,g,m,y){const t=d("Badge");return h(),n("div",null,[i("h1",r,[s[0]||(s[0]=a("Режим MPA ")),p(t,{type:"warning",text:"экспериментально"}),s[1]||(s[1]=a()),s[2]||(s[2]=i("a",{class:"header-anchor",href:"#mpa-mode","aria-label":'Permalink to "Режим MPA <Badge type="warning" text="экспериментально" /> {#mpa-mode}"'},"",-1))]),s[3]||(s[3]=l(`<p>Режим MPA (Multi-Page Application — «Многостраничное приложение») можно включить через командную строку с помощью команды <code>vitepress build --mpa</code>, или через конфигурацию с помощью опции <code>mpa: true</code>.</p><p>В режиме MPA все страницы по умолчанию отображаются без включенного JavaScript. В результате производственный сайт, скорее всего, получит более высокую оценку эффективности первых посещений с помощью инструментов аудита.</p><p>Однако из-за отсутствия навигации SPA межстраничные ссылки будут приводить к полной перезагрузке страницы. После загрузки навигация в режиме MPA будет не такой мгновенной, как в режиме SPA.</p><p>Также обратите внимание, что «no-JS-by-default» («без JS по умолчанию») означает, что вы используете Vue исключительно как серверный язык шаблонов. Никаких обработчиков событий в браузере не будет, как и интерактивности. Чтобы загрузить JavaScript со стороны клиента, вам нужно использовать специальный тег <code><script client></code>:</p><div class="language-html vp-adaptive-theme"><button title="Скопировать код" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"><</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> client</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">></span></span>
|
|
|
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"># Привет</span></span></code></pre></div><p><code><script client></code> — это функция только для VitePress, а не для Vue. Она работает как в файлах <code>.md</code>, так и в файлах <code>.vue</code>, но только в режиме MPA. Клиентские скрипты во всех компонентах темы будут объединены вместе, в то время как клиентский скрипт для конкретной страницы будет разделён только для этой страницы.</p><p>Обратите внимание, что <code><script client></code> <strong>не оценивается как код компонента Vue</strong>: он обрабатывается как обычный модуль JavaScript. По этой причине режим MPA следует использовать только в том случае, если ваш сайт требует абсолютно минимальной интерактивности на стороне клиента.</p>`,7))])}const F=e(k,[["render",E]]);export{_ as __pageData,F as default};
|
