itsource

Vue2: 메모리 리크

mycopycode 2022. 8. 17. 23:57
반응형

Vue2: 메모리 리크

컴포넌트 및 워처가 생성되지만 경유하여 새로운 루트로 이동할 때 올바르게 파괴되지 않는 문제가 있습니다.vue-router자동으로 처리해야 하는 거 아닌가요?아니면 시청자를 줄여 성능을 높일 수 있는 방법이 있을까요?

코드 샘플 (노드와 워처 카운트가 높아지는 이유)

<tbody>
  <tr v-for="record in data"
    @click.capture="rowClick(record)"
    @dblclick="rowDblClick(record)"
    :class="{ 'is-highlighted': isSelected(record) }">
    <td v-if="actionsVisible">
      <el-button-group>
        <el-button @click.stop="assign(record)" size="mini"><i class="fa fa-map-o"></i> </el-button>
        <el-button @click.stop="$emit('getActions', record)" size="mini" icon="more"></el-button>
      </el-button-group>
    </td>
    <td v-for="column in columns" :width="column.Width" :class="applyColors(record, column)">
      {{ formatData(record, column) }}
    </td>
  </tr>
</tbody>

환경

  • vue 2.3.0
  • vue-router 2.1.1
  • vuex 2.0.0

언급URL : https://stackoverflow.com/questions/43738744/vue2-memory-leaks

반응형