Ryu9135のブログ

仕事で学んだことを整理して、ブログに残す。外国人なので日本語が間違っていたら、気軽に指摘ください。

Nuxt.jsのルート自動生成

Nuxt.js だったら pages ディレクトリの下に.vueファイルを書くと、その名前のパスが自動で生成されます。

 

例えば:

pages/

   index.vue

   search.vue

   login.vue

  _detailnum/

           index.vue

だと、index.vueはパス ' / 'に対応、search.vueは ' /search'に対応する。

例えば、search画面から各詳細の画面を確認する時にdetail.vueがその詳細データを表示させたい。ここで、search画面の詳細Linkのところに番号パラメータを指定する必要があります。例:<router-link class = "" :to="/row.number/"> row.numberは_detailnumに対応しています。detailnumの前に '_'を追加すればパラメータを受け取ることが可能です。

 

以上