Nuxt.js使ってみた Part5~小ネタ:propsとdataの違い編~
- Part1~Nuxt.js概要まとめ編~はこちら
- Part2~チュートリアル実践編~はこちら
- Part3~小ネタ:Vuexとは?編~はこちら
- Part4~小ネタ:computedとmethodsの違い編~はこちら
- はじめに
- propsとdataの違い
- 余談: プロパティには型を定義しよう
- 余談: プロパティを渡す時になぜ小文字で定義しないといけないのか
- 余談:v-bindを付けてプロパティを渡したときの挙動の差
- 余談: プロパティにオブジェクト丸ごと値渡し
- dataを定義するときの注意点
- おわりに
はじめに
お久しぶり?です、筆者です。
前回は、Part2で実施したチュートリアル実践中に気になり深掘りしたこと3つ:
- Vuexとは?
- computedとmethodsの違い
- propsとdataの違い
…のうち2番目の「computedとmethodsの違い」についてまとめてみました。
今回では、最後となる「propsとdataの違い」についてを見ていこうかなと。
今回もこちらの公式記事の内容そのまんまですが…。
なぜか公式記事って頭に入りにくいんですよね。
個人的にはこうして、一度ブログとしてまとめた方が頭に入りやすく…。
まぁ何が言いたいかというと、今回の記事の内容はほぼほぼ公式記事の内容となっているということです。
それでは行きましょう。
Nuxt.js使ってみた Part4~小ネタ:computedとmethodsの違い編~
- Part1~Nuxt.js概要まとめ編~はこちら
- Part2~チュートリアル実践編~はこちら
- Part3~小ネタ:Vuexとは?編~はこちら
- Part5~小ネタ:propsとdataの違い編~はこちら
- はじめに
- computedとmethodsの違い
- 補足: watchについて
- 補足: computedを深掘りしてみる
- おわりに
はじめに
お久しぶり?です、筆者です。
前回は、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の違い編~はこちら
- はじめに
- Vuexとは
- おわりに
はじめに
お久しぶり?です、筆者です。
前回はNuxt.jsのチュートリアルを実施し、さらにそのチュートリアルで作成したコードのカスタマイズを行いました。
そして…カスタマイズを行っていく中で、下記のことが気になり深掘りしたので…:
- Vuexとは?
- computedとmethodsの違い
- propsとdataの違い
今回では、上記の内「Vuexとは?」についてを見ていこうかなと。
それでは行きましょう。
続きを読む