Vue.js:算出プロパティに引数を渡す方法【実践ガイド】

Vueでは、computedプロパティはその依存関係のキャッシュを基にしており、依存関係が変更された時のみ再計算されます。そのため、通常、computedプロパティはパラメータを受け取らない。

computedプロパティにパラメーターを渡す必要がある場合、パラメーターを直接computedプロパティに渡すのではなく、関数を使用して動的にプロパティの値を計算することができます。例:

data() {
  return {
    param: 10
  }
},
computed: {
  dynamicComputed() {
    return this.param * 2;
  }
}

上記の例では、パラメータを渡す状況をシミュレートするために、data内でparam属性を定義しました。そして、computedプロパティ内でthis.paramを使用して、プロパティの値を動的に計算しています。this.paramが変化すると、dynamicComputedプロパティが再計算されます。

bannerAds