diff --git a/packages/compiler-core/package.json b/packages/compiler-core/package.json
index 8adc7a6d61f..0297bc14049 100644
--- a/packages/compiler-core/package.json
+++ b/packages/compiler-core/package.json
@@ -11,6 +11,7 @@
   ],
   "buildOptions": {
     "name": "VueCompilerCore",
+    "compat": true,
     "formats": [
       "esm-bundler",
       "cjs"
diff --git a/packages/compiler-dom/package.json b/packages/compiler-dom/package.json
index 8ae4bcea51f..801c3b9d0a6 100644
--- a/packages/compiler-dom/package.json
+++ b/packages/compiler-dom/package.json
@@ -14,6 +14,7 @@
   "sideEffects": false,
   "buildOptions": {
     "name": "VueCompilerDOM",
+    "compat": true,
     "formats": [
       "esm-bundler",
       "esm-browser",
diff --git a/packages/compiler-dom/src/transforms/vOn.ts b/packages/compiler-dom/src/transforms/vOn.ts
index 50c9bf75401..f83d4a48b1a 100644
--- a/packages/compiler-dom/src/transforms/vOn.ts
+++ b/packages/compiler-dom/src/transforms/vOn.ts
@@ -92,6 +92,10 @@ export const transformOn: DirectiveTransform = (dir, node, context) => {
     const { modifiers } = dir
     if (!modifiers.length) return baseResult
 
+    if (__COMPAT__ && __DEV__ && modifiers.includes('native')) {
+      console.warn('.native modifier for v-on has been removed')
+    }
+
     let { key, value: handlerExp } = baseResult.props[0]
     const {
       keyModifiers,