diff --git a/src/goods-action-icon/index.js b/src/goods-action-icon/index.js
index dff2a5ff6..36df3e8d3 100644
--- a/src/goods-action-icon/index.js
+++ b/src/goods-action-icon/index.js
@@ -15,6 +15,7 @@ export default createComponent({
     text: String,
     icon: String,
     color: String,
+    // @deprecated
     info: [Number, String],
     badge: [Number, String],
     iconClass: null,
@@ -30,6 +31,12 @@ export default createComponent({
       const slot = this.slots('icon');
       const info = this.badge ?? this.info;
 
+      if (process.env.NODE_ENV !== 'production' && this.info) {
+        console.warn(
+          '[Vant] GoodsActionIcon: "info" prop is deprecated, use "badge" prop instead.'
+        );
+      }
+
       if (slot) {
         return (
           <div class={bem('icon')}>
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index 3ced482e4..1622e0131 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -21,6 +21,7 @@ export default createComponent({
     text: String,
     icon: String,
     iconPrefix: String,
+    // @deprecated
     info: [Number, String],
     badge: [Number, String],
   },
@@ -73,6 +74,12 @@ export default createComponent({
       const iconSlot = this.slots('icon');
       const info = this.badge ?? this.info;
 
+      if (process.env.NODE_ENV !== 'production' && this.info) {
+        console.warn(
+          '[Vant] GridItem: "info" prop is deprecated, use "badge" prop instead.'
+        );
+      }
+
       if (iconSlot) {
         return (
           <div class={bem('icon-wrapper')}>
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index 058eb77d5..46f99d60e 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -11,6 +11,7 @@ export default createComponent({
   props: {
     ...routeProps,
     dot: Boolean,
+    // @deprecated
     info: [Number, String],
     badge: [Number, String],
     title: String,
@@ -37,6 +38,12 @@ export default createComponent({
   },
 
   render() {
+    if (process.env.NODE_ENV !== 'production' && this.info) {
+      console.warn(
+        '[Vant] SidebarItem: "info" prop is deprecated, use "badge" prop instead.'
+      );
+    }
+
     return (
       <a
         class={bem({ select: this.select, disabled: this.disabled })}
diff --git a/src/tab/index.js b/src/tab/index.js
index 9a3e40dd5..b7b9f6d79 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -11,6 +11,7 @@ export default createComponent({
     ...routeProps,
     dot: Boolean,
     name: [Number, String],
+    // @deprecated
     info: [Number, String],
     badge: [Number, String],
     title: String,
@@ -57,6 +58,12 @@ export default createComponent({
     const { slots, parent, isActive } = this;
     const slotContent = slots();
 
+    if (process.env.NODE_ENV !== 'production' && this.info) {
+      console.warn(
+        '[Vant] Tab: "info" prop is deprecated, use "badge" prop instead.'
+      );
+    }
+
     if (!slotContent) {
       return;
     }
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 309663f44..f3198e9bb 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -19,6 +19,7 @@ export default createComponent({
     dot: Boolean,
     icon: String,
     name: [Number, String],
+    // @deprecated
     info: [Number, String],
     badge: [Number, String],
     iconPrefix: String,
@@ -67,6 +68,12 @@ export default createComponent({
     const active = this.parent.route ? this.routeActive : this.active;
     const color = this.parent[active ? 'activeColor' : 'inactiveColor'];
 
+    if (process.env.NODE_ENV !== 'production' && this.info) {
+      console.warn(
+        '[Vant] TabbarItem: "info" prop is deprecated, use "badge" prop instead.'
+      );
+    }
+
     return (
       <div class={bem({ active })} style={{ color }} onClick={this.onClick}>
         <div class={bem('icon')}>