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

이번에는 Vue 계산 property의 caching 기능을 끄는 방법과 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로 설정해야 합니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

파일 업로드를 위한 AjaxUpLoad.js

Vue의 캐러셀 구성 요소 사용 방법

위 내용은 Vue 계산 속성의 캐싱 기능을 끄는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!