🖥

#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
    }
  },

Guide

https://jp.vuejs.org/v2/guide/components-props.html#単方向のデータフロー

image

Ref

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

Vue.js初心者向け:Vue.jsとaxiosでJsonを取得してコンポーネントに反映するメモ - Qiita

Original by Github issue

https://github.com/YumaInaura/YumaInaura/issues/3139

チャットメンバー募集

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

https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ

Twitter

https://twitter.com/YumaInaura

公開日時

2020-05-05

Discussion