← 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>

使用方法

設定ファイルまたは CLI でこのルールを有効化するには、次のようにします：

設定 (.oxlintrc.json)

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

CLI

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

参照

• ルールのソース