vue-router 및 데이터 속성 이해

Question

경로를 탐색 할 때 계산 된 속성이 그에 따라 업데이트하고 그에 따라 내보기를 업데이트하는 상황이 있습니다. 다른 경로로 전환 한 후 뒤로 -이 범위에서 할당 된 모든 데이터가 손실됩니다. 나는이 변수들을 초기화하기 위해 생성 된 것을 사용하고, 다시 널 상태로 다시 초기화한다.

내 계산 된 속성에 나는 이들 다른 (생성 된 변수)를 채우고 뷰에서 사용됩니다.

내 질문은 - 다시 초기화하는 것입니까? 나는 이것에 대해 잘못 갈까?

created: function() { 
      this.abc = {}; 
    }, 
    computed: { 
     myData: function() { 
      return this.$store.state.myData; 
     }, 
     setupData: function() { 
      console.log('only update now!') 
      var myData = this.myData; 

      //doSomething that updates this.abc 
     } 
    }, 
    watch: { 
     myData: { 
      handler: function(newValue) { 
       this.setupData(newValue); 
      }, 
      deep: true 
     } 
    }, 

Answer 1

예, 재 초기화가 정상입니다. 당신 자신의 상태를 유지하거나 다시 렌더링을 피할 수 있도록 메모리에 스위치 - 아웃 구성 요소를 유지하려면

, 동적 을 포장 할 수 있습니다 당신이 당신의 구성 요소를 유지하려면 keep-alive tag 사용 a 요소의 구성 요소 :

: 또한 <router-view> refers to it에 대한

<keep-alive> 
    <component :is="currentView"> 
    <!-- inactive components will be cached! --> 
    </component> 
</keep-alive> 

문서3210

구성 요소 일 뿐이므로 <transition> 및 <keep-alive>과 작동합니다.