<p>以下の順番で実行される</p>
<h2 id="ssr%E6%99%82">
<a class="header-anchor-link" href="#ssr%E6%99%82" aria-hidden="true"></a> SSR時</h2>
<h3 id="(process.server)">
<a class="header-anchor-link" href="#(process.server)" aria-hidden="true"></a> (process.server)</h3>
<p>nuxtServerInit<br>
plugins<br>
middleware<br>
asyncData<br>
fetch<br>
beforeCreate<br>
created</p>
<h3 id="(process.client)">
<a class="header-anchor-link" href="#(process.client)" aria-hidden="true"></a> (process.client)</h3>
<p>plugins<br>
beforeCreate<br>
created<br>
beforeMount<br>
mounted</p>
<h2 id="csr%E6%99%82">
<a class="header-anchor-link" href="#csr%E6%99%82" aria-hidden="true"></a> CSR時</h2>
<h3 id="(process.client)-1">
<a class="header-anchor-link" href="#(process.client)-1" aria-hidden="true"></a> (process.client)</h3>
<p>middleware<br>
asyncData<br>
fetch<br>
beforeCreate<br>
created<br>
beforeMount<br>
mounted</p>


【Nuxt.js v2】ライフサイクル

SSR時

(process.server)

(process.client)

CSR時

(process.client)

Discussion