🖥

#Vue – ひとつの component の中でだけ利用するローカルな props は data として定義する ( props と d

2023/09/01に公開

props はあくまで親componentから子componentへ値を渡すためのものなので、ひとつのcomponentでだけ使う値の定義にはふさわしくないはず (使えるけども)
ひとつの component の中でだけ利用するローカルな propsという表現自体が本末転倒的な

例

こんな props は

export default {
  props: {
    count: {
      type: Number,
      default: 1
    },
  },

こんな風にdataに置き換える

export default {
  data () {
    return {
      count: 1
    }
  },

②コンポーネントの props プロパティにデータを直接入れると警告が出る
上記①が判明する前は props にデータを格納するのかと考えていました。

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。

2020-05-05