Nuxt.jsで簡単のサイトを作ってみた - Qiita

上記のコマンドでプロジェクトを作成します。 pagesディレクトリには、各ページのvueファイルを作成します。 今回は上記のように作成しました。 Nuxt.jsでは、Vue Routerのルーティングを自動で設定してくれます。pagesディレクトリにvueファイルを作るだけで、各ページを作ることが可能です。 componentsディレクトリには各ページで共通化したい部分を作成します。 今回はヘッダーとフッターを共通化したいので作成しました。 <template> <header class="header"> <div class="container"> <h1>DEAL CAFE</h1> <nav> <ul class="gnav"> <li><router-link to="/" active-class="active-list" exact>HOME</router-link>