Vue計算プロパティのキャッシュ機能をオフにする方法

Vue を使用する人は誰でも、Vue の計算されたプロパティを知っています。これはこのように説明されます。特定の依存関係の値が変更されると、それ自体の値も変更され、それに関連する DOM も変更されます。通常、この計算された属性には get と set の 2 つのメソッドが使用できます。

ここでは、次の例に示すように、計算された属性のキャッシュをオフにして最新のデータを取得する方法のみを分析します:

HTML コード

<p id="mess">
    <p>{{exapm}}</p>
  </p>

JS コード:

 var vue2 = new Vue({
    el:"#mess",
    data:{
      sendmess:" i dhsjknkjvnkrenvr"
    },
  computed:{
    exapm:{
      cache:false,
      get:function(){
        return Date.now()+this.sendmess
      }
    }
    }
  });

キャッシュを false に設定する必要があります。 、そのたびにキャッシュがクリアされるため、時刻は現在の時刻になります。

関連する推奨事項:

vue が属性を計算するときに v-for が配列を処理するときに発生するバグの詳細な説明

以上がVue計算プロパティのキャッシュ機能をオフにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。