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

今回は、Vue の計算された プロパティ の キャッシュ 機能をオフにする方法と、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 に設定する必要があります。 この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

ファイルアップロード用のAjaxUpLoad.js

Vueのカルーセルコンポーネントの使用方法

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