Vue 계산 속성의 캐싱 기능을 끄는 방법

Vue를 사용하는 모든 사람은 vue의 계산된 속성을 알고 있을 것입니다. 이는 이렇게 설명됩니다. 특정 종속성 값이 변경되면 자체 값도 변경되며, 이와 관련된 DOM도 변경됩니다. 일반적으로 이 계산된 속성에는 get과 set을 사용할 수 있습니다.

여기에서는 다음 예와 같이 계산된 속성의 캐시를 끄고 최신 데이터를 얻는 방법만 분석하겠습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!