ホームページ  >  記事  >  ウェブフロントエンド  >  Vue計算プロパティのキャッシュ機能をオフにする方法

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

小云云
小云云オリジナル
2018-03-03 11:04:421510ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。