Nuxt.js使ってみた Part4~小ネタ:computedとmethodsの違い編~

• Part1~Nuxt.js概要まとめ編~はこちら
• Part2~チュートリアル実践編~はこちら
• Part3~小ネタ:Vuexとは?編~はこちら
• Part5~小ネタ:propsとdataの違い編~はこちら

はじめに

お久しぶり？です、筆者です。

前回は、Part2で実施したチュートリアル実践中に気になり深掘りしたこと3つ:

• Vuexとは?
• computedとmethodsの違い
• propsとdataの違い

…のうち1番目の「Vuexとは?」についてまとめてみました。

今回では、2番目となる「computedとmethodsの違い」についてを見ていこうかなと。
※結構ボリューム多くまとめちゃったので、ご了承をば…。

それでは行きましょう。

Nuxt.js使ってみた Part3 ~小ネタ:Vuexとは?編~

• Part1~Nuxt.js概要まとめ編~はこちら
• Part2~チュートリアル実践編~はこちら
• Part4~小ネタ:computedとmethodsの違い編~はこちら
• Part5~小ネタ:propsとdataの違い編~はこちら

はじめに

お久しぶり？です、筆者です。

前回はNuxt.jsのチュートリアルを実施し、さらにそのチュートリアルで作成したコードのカスタマイズを行いました。
そして…カスタマイズを行っていく中で、下記のことが気になり深掘りしたので…:

• Vuexとは?
• computedとmethodsの違い
• propsとdataの違い

今回では、上記の内「Vuexとは?」についてを見ていこうかなと。

それでは行きましょう。

Nuxt.js使ってみた Part2~チュートリアル実践編~

• Part1~Nuxt.js概要まとめ編~はこちら
• Part3~小ネタ:Vuexとは?編~はこちら
• Part4~小ネタ:computedとmethodsの違い編~はこちら
• Part5~小ネタ:propsとdataの違い編~はこちら

はじめに

お久しぶり？です、筆者です。

前回はNuxt.jsの概要や小ネタについて見ていきました。
今回は、実践編としてチュートリアル記事をもとにTODOアプリを作って行った中での使用感とかを述べていければと。
((タイトル回収とも言う

ちなみに参考にした記事はこちらです:
www.boel.co.jp

お仕事でNuxt.jsを使った時は、TypeScriptベースで書いていきましたが…。
Nuxt.jsをTypeScript化するのは非常に骨が折れたので、今回はJavaScriptベースでいきます。

それでは行きましょう。