Vue.js/Nuxt.js のメモ

（随時更新）

ドキュメント

• https://ja.nuxtjs.org/
• https://jp.vuejs.org/
• https://vuex.vuejs.org/ja/
• https://router.vuejs.org/ja/

Vue

ライフサイクルフック

• API — Vue.js - オプション / ライフサイクルフック

vue-router

• <router-link> Props # to

<!-- 文字列 -->
<router-link to="home">Home</router-link>
<!-- 次のように描画される -->
<a href="home">Home</a>

<!-- `v-bind` を使った javascript 式-->
<router-link v-bind:to="'home'">Home</router-link>

<!-- 他のプロパティのバインディングのような `v-bind` の省略表現 -->
<router-link :to="'home'">Home</router-link>

<!-- 上記と同じ -->
<router-link :to="{ path: 'home' }">Home</router-link>

<!-- 名前付きルート -->
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>

<!-- 結果的に `/register?plan=private` になるクエリ-->
<router-link :to="{ path: 'register', query: { plan: 'private' }}">Register</router-link>

参考リンク

• VuexのMutationとActionの切り分け - Qiita
• I created the exact same app in React and Vue. Here are the differences. - medium