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 版.