動かざることバグの如し

近づきたいよ 君の理想に

nuxt.js めも

インストール

$ vue init nuxt-community/starter-template <project-name>

ディレクトリ構造

├── assets アセットファイルたち
├── components Vue.js のコンポーネントファイル 基本いじらない?
├── layouts レイアウトファイル
├── middleware レンダリング前のカスタム関数を定義できる 最初はいじらなそう
├── node_modules いつもの
├── nuxt.config.js 設定ファイル
├── pages *.vueが入る
├── plugins JavaScript プラグイン すぐにはいじらない?
├── static 静的ファイル
└── store Vuex ストア のファイル 分からん

templateは必須

pages/index.vueを空にすると

NuxtServerError
render function or template not defined in component: pages/index.vue

ってなる

<template>
  <h1>hello</h1>
</template>

は必須

ルーティング

は自動生成される(ファイル的には)

  • pages/index.vue

/ pages 直下 の index. vue が 表示 さ れる /about pages 直下 の about. vue が 表示 さ れる /articles articles 配下 の index. vue が 表示 さ れる

nasum. Hello Nuxt!!: Vue.jsのサーバサイドレンダリングフレームワーク (Kindle の位置No.166-168). 楽描帳. Kindle 版.

/ pages 直下 の index. vue が 表示 さ れる /about pages 直下 の about. vue が 表示 さ れる /articles articles 配下 の index. vue が 表示 さ れる

nasum. Hello Nuxt!!: Vue.jsのサーバサイドレンダリングフレームワーク (Kindle の位置No.166-168). 楽描帳. Kindle 版.