【Nuxt.js】props基礎編：コンポーネントに自由にデータを渡そう｜aLiz

🎈 この記事はWPへ移行しました 【Nuxt.js】props基礎編：コンポーネントに自由にデータを渡そう #前置き componentの内容を、ページによって変えたいってこと、ありますよね？ 親によって文字を変えたり、 buttonの色を変えたりできたら…！ そんな時に超便利なprops！ これを使えれば、効率よく表現の幅を広げることができます😄 Vue.jsも同様に使えます。 応用編ではオプションの使い方、cssの付け替えをやっていく予定です。 # propsって？メリットは？propsは超簡単に説明すると、 親から子に自由にデータを渡せるものです。 は？と思った方、まずは超簡単な例を見てみましょう！ 今回は分かりやすくテキストを表示させます。 スタイリングは省きますが 複雑なcssをあてていたら、何度も書くのが面倒ですよね。 cssを使いまわしてテキストだけ変えたい！ ということ

[lilpacy]

nuxtでコンポーネントにprops渡すやり方。図がわかりやすい。あと、stateにデータ持ってる場合はdataに定義は必要ないっぽい