未分類

Nuxt.js デビュー

 

Errorが見えたらやり直してください。

 

pages/index.vue

 

明示的に変更した

 

 

次にプレーンにする

pages/index.vue

この状態にする

ここから作業を行う

 

Ctrl+cでNuxt.jsを停止させてdev(開発)モードにする

これでホットリローディングが有効になる

 

 

Axios

JSONPlaceholder

 

Vuex

Vue.jsコンポーネント => アクション => ミューテーション => ステート

コンポーネントはステートを直接操作するのはルール違反。

Action(アクション)
外部APIとやりとりしたい時に利用する

Muttations(ミューテーション)
Vuexのストアの状態を唯一変更できる存在

 

  • $store.commit(‘ミューテーション名’, ‘ペイロード’)
  • $store.dispatch(‘アクション名’, ‘ペイロード’)

 

methodsとcomputedの違い

  •  methodsはメソッド
  • computedはプロパティ

answerを()定義した場合

実行する時に{ answer() }とかっこが必要。computedは{ answer }となる。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)