← Back to rules

vue/no-deprecated-destroyed-lifecycle 정확성

An auto-fix is available for this rule.

작동 방식

Vue.js 3.0.0 이상에서 사용된 폐기된 destroyed 및 beforeDestroy 라이프사이클 훅을 사용하지 않도록 차단합니다.

왜 문제가 되는가?

Vue.js 3.0.0 이상에서는 destroyed 및 beforeDestroy 라이프사이클 훅이 각각 unmounted 및 beforeUnmount로 이름이 변경되었습니다. 이전 이름을 사용하는 것은 폐기되었으며, 혼란이나 호환성 문제를 일으킬 수 있습니다.

예시

이 규칙에 대한 잘못된 코드 예시:

<script>
export default {
  beforeDestroy() {},
  destroyed() {},
};
</script>

이 규칙에 대한 올바른 코드 예시:

<script>
export default {
  beforeUnmount() {},
  unmounted() {},
};
</script>

사용 방법

구성 파일 또는 명령줄 인터페이스에서 이 규칙을 활성화하려면 다음을 사용할 수 있습니다:

설정 (.oxlintrc.json)

{
  "plugins": ["vue"],
  "rules": {
    "vue/no-deprecated-destroyed-lifecycle": "error"
  }
}

CLI

oxlint --deny vue/no-deprecated-destroyed-lifecycle --vue-plugin

참고 자료

• 규칙 소스