|
|
import{_ as t,c as n,j as s,a as e,G as o,ag as p,B as d,o as l}from"./chunks/framework.C1C4sYC0.js";const y=JSON.parse('{"title":"Modo MPA","description":"","frontmatter":{},"headers":[],"relativePath":"pt/guide/mpa-mode.md","filePath":"pt/guide/mpa-mode.md","lastUpdated":1709796637000}'),r={name:"pt/guide/mpa-mode.md"},c={id:"mpa-mode",tabindex:"-1"};function h(k,a,m,g,E,u){const i=d("Badge");return l(),n("div",null,[s("h1",c,[a[0]||(a[0]=e("Modo MPA ")),o(i,{type:"warning",text:"experimental"}),a[1]||(a[1]=e()),a[2]||(a[2]=s("a",{class:"header-anchor",href:"#mpa-mode","aria-label":'Permalink to "Modo MPA <Badge type="warning" text="experimental" /> {#mpa-mode}"'},"",-1))]),a[3]||(a[3]=p(`<p>O modo MPA (Aplicação Multipáginas) pode ser habilitado pela linha de comando com <code>vitepress build --mpa</code>, ou através da configuração pela opção <code>mpa: true</code>.</p><p>No modo MPA, todas as páginas são apresentadas por padrão sem qualquer JavaScript incluído. Como resultado, o site em produção provavelmente terá uma nota de desempenho de visita inicial superior com ferramentas de auditoria.</p><p>Entretanto, devido a ausência de navegação SPA, links entre páginas acarretarão em recarregamentos de página completos. Navegações pós-carregamento no modo MPA não parecerão tão instantâneas quanto no modo SPA.</p><p>Também note que não ter JavaScript por padrão significa que você está essencialmente utilizando Vue como modelo de linguagem no lado do servidor. Nenhum manipulador de evento será embutido no navegador, então não haverá interatividade. Para carregar JavaScript no lado do cliente, você precisará usar a tag especial <code><script client></code>:</p><div class="language-html vp-adaptive-theme"><button title="Copiar código" 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;"># Olá</span></span></code></pre></div><p><code><script client></code> é uma funcionalidade exclusiva VitePress, não uma funcionalidade Vue. Funciona tanto em arquivos <code>.md</code> quanto em arquivos <code>.vue</code>, mas apenas no modo MPA. Scripts de cliente em todos os componentes do tema serão empacotados juntos, enquanto o script do cliente para uma página específica será dividido apenas para aquela página.</p><p>Note que <code><script client></code> <strong>não é avaliado como código de componente Vue</strong>: é processado como um simples módulo JavaScript. Por esta razão, o modo MPA deve ser usado apenas se seu site exige o mínimo absoluto de interatividade no lado do cliente.</p>`,7))])}const F=t(r,[["render",h]]);export{y as __pageData,F as default};
|
