diff --git a/components.js b/components.js
index f9ab4301a..dd814eeee 100644
--- a/components.js
+++ b/components.js
@@ -73,4 +73,7 @@ module.exports = [
   'contact-card',
   'contact-edit',
   'contact-list',
+  'coupon',
+  'coupon-list',
+  'coupon-cell',
 ];
diff --git a/docs/markdown/changelog-v3.zh-CN.md b/docs/markdown/changelog-v3.zh-CN.md
index 3ff963924..d151dda9b 100644
--- a/docs/markdown/changelog-v3.zh-CN.md
+++ b/docs/markdown/changelog-v3.zh-CN.md
@@ -66,6 +66,7 @@ Vant 遵循 [Semver](https://semver.org/lang/zh-CN/) 语义化版本规范。
 其他改动：
 
 - Circle: `v-model` 重命名为 `v-model:currentRate`
+- CouponList: `v-model` 重命名为 `v-model:code`
 - List: `v-model` 重命名为 `v-model:loading`，`error.sync` 重命名为 `v-model:error`
 - Tabs: `v-model` 重命名为 `v-model:active`
 - TreeSelect: `active-id.sync` 重命名为 `v-model:active-id`
diff --git a/src/coupon-cell/index.tsx b/src/coupon-cell/index.tsx
deleted file mode 100644
index f4d763ee7..000000000
--- a/src/coupon-cell/index.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-// Utils
-import { createNamespace } from '../utils';
-import { inherit } from '../utils/functional';
-
-// Components
-import Cell from '../cell';
-
-// Types
-import { CreateElement, RenderContext } from 'vue/types';
-import { DefaultSlots } from '../utils/types';
-import { Coupon } from '../coupon/shared';
-
-export type CouponCellProps = {
-  title?: string;
-  border: boolean;
-  coupons: Coupon[];
-  currency: string;
-  editable: boolean;
-  chosenCoupon: number | string;
-};
-
-const [createComponent, bem, t] = createNamespace('coupon-cell');
-
-function formatValue(props: CouponCellProps) {
-  const { coupons, chosenCoupon, currency } = props;
-  const coupon = coupons[+chosenCoupon];
-
-  if (coupon) {
-    const value = coupon.value || coupon.denominations || 0;
-    return `-${currency} ${(value / 100).toFixed(2)}`;
-  }
-
-  return coupons.length === 0 ? t('tips') : t('count', coupons.length);
-}
-
-function CouponCell(
-  h: CreateElement,
-  props: CouponCellProps,
-  slots: DefaultSlots,
-  ctx: RenderContext<CouponCellProps>
-) {
-  const valueClass = props.coupons[+props.chosenCoupon]
-    ? 'van-coupon-cell--selected'
-    : '';
-  const value = formatValue(props);
-
-  return (
-    <Cell
-      class={bem()}
-      value={value}
-      title={props.title || t('title')}
-      border={props.border}
-      isLink={props.editable}
-      valueClass={valueClass}
-      {...inherit(ctx, true)}
-    />
-  );
-}
-
-CouponCell.model = {
-  prop: 'chosenCoupon',
-};
-
-CouponCell.props = {
-  title: String,
-  coupons: {
-    type: Array,
-    default: () => [],
-  },
-  currency: {
-    type: String,
-    default: '¥',
-  },
-  border: {
-    type: Boolean,
-    default: true,
-  },
-  editable: {
-    type: Boolean,
-    default: true,
-  },
-  chosenCoupon: {
-    type: [Number, String],
-    default: -1,
-  },
-};
-
-export default createComponent<CouponCellProps>(CouponCell);
diff --git a/src/coupon-list/README.zh-CN.md b/src/coupon-list/README.zh-CN.md
index 383eee5b1..fa00f6d24 100644
--- a/src/coupon-list/README.zh-CN.md
+++ b/src/coupon-list/README.zh-CN.md
@@ -88,7 +88,7 @@ export default {
 
 | 参数 | 说明 | 类型 | 默认值 |
 | --- | --- | --- | --- |
-| v-model | 当前输入的兑换码 | _string_ | - |
+| v-model:code | 当前输入的兑换码 | _string_ | - |
 | chosen-coupon | 当前选中优惠券的索引 | _number_ | `-1` |
 | coupons | 可用优惠券列表 | _Coupon[]_ | `[]` |
 | disabled-coupons | 不可用优惠券列表 | _Coupon[]_ | `[]` |
diff --git a/src/coupon-list/demo/index.vue b/src/coupon-list/demo/index.vue
index 7758b4021..d4dfb55ae 100644
--- a/src/coupon-list/demo/index.vue
+++ b/src/coupon-list/demo/index.vue
@@ -6,9 +6,8 @@
         :chosen-coupon="chosenCoupon"
         @click="showList = true"
       />
-
       <van-popup
-        v-model="showList"
+        v-model:show="showList"
         round
         position="bottom"
         style="height: 90%; padding-top: 4px;"
diff --git a/src/coupon-list/index.js b/src/coupon-list/index.js
index 8f991535b..c909246b8 100644
--- a/src/coupon-list/index.js
+++ b/src/coupon-list/index.js
@@ -12,16 +12,12 @@ const [createComponent, bem, t] = createNamespace('coupon-list');
 const EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png';
 
 export default createComponent({
-  model: {
-    prop: 'code',
-  },
-
   props: {
     code: String,
-    closeButtonText: String,
-    inputPlaceholder: String,
     enabledTitle: String,
     disabledTitle: String,
+    closeButtonText: String,
+    inputPlaceholder: String,
     exchangeButtonText: String,
     exchangeButtonLoading: Boolean,
     exchangeButtonDisabled: Boolean,
@@ -67,6 +63,8 @@ export default createComponent({
     },
   },
 
+  emits: ['change', 'exchange', 'update:code'],
+
   data() {
     return {
       tab: 0,
@@ -98,7 +96,7 @@ export default createComponent({
     },
 
     currentCode(code) {
-      this.$emit('input', code);
+      this.$emit('update:code', code);
     },
 
     displayedCouponIndex: 'scrollToShowCoupon',
@@ -194,9 +192,9 @@ export default createComponent({
               ref="card"
               key={coupon.id}
               coupon={coupon}
-              currency={this.currency}
               chosen={index === this.chosenCoupon}
-              nativeOnClick={onChange(index)}
+              currency={this.currency}
+              onClick={onChange(index)}
             />
           ))}
           {!coupons.length && this.genEmpty()}
@@ -234,8 +232,8 @@ export default createComponent({
           <Button
             vShow={this.showCloseButton}
             round
-            type="danger"
             block
+            type="danger"
             class={bem('close')}
             text={this.closeButtonText || t('close')}
             onClick={onChange(-1)}
diff --git a/src/coupon/index.js b/src/coupon/index.js
index a7740c145..4152f6b5c 100644
--- a/src/coupon/index.js
+++ b/src/coupon/index.js
@@ -83,8 +83,8 @@ export default createComponent({
             {!this.disabled && (
               <Checkbox
                 size={18}
-                value={this.chosen}
                 class={bem('corner')}
+                modelValue={this.chosen}
                 checkedColor={RED}
               />
             )}
diff --git a/vant.config.js b/vant.config.js
index c55cf1b70..bb58b6e79 100644
--- a/vant.config.js
+++ b/vant.config.js
@@ -343,10 +343,10 @@ module.exports = {
                 path: 'contact-card',
                 title: 'Contact 联系人',
               },
-              // {
-              //   path: 'coupon-list',
-              //   title: 'Coupon 优惠券',
-              // },
+              {
+                path: 'coupon-list',
+                title: 'Coupon 优惠券',
+              },
               // {
               //   path: 'goods-action',
               //   title: 'GoodsAction 商品导航',
@@ -677,10 +677,10 @@ module.exports = {
                 path: 'contact-card',
                 title: 'Contact',
               },
-              // {
-              //   path: 'coupon-list',
-              //   title: 'Coupon',
-              // },
+              {
+                path: 'coupon-list',
+                title: 'Coupon',
+              },
               // {
               //   path: 'goods-action',
               //   title: 'GoodsAction',