diff --git a/src/menu/modules/demo-d2-crud.js b/src/menu/modules/demo-d2-crud.js
index ec7174ea..47ad4d8d 100644
--- a/src/menu/modules/demo-d2-crud.js
+++ b/src/menu/modules/demo-d2-crud.js
@@ -1,9 +1,9 @@
 export default {
   path: '/demo/d2-crud',
-  title: 'D2 CRUD',
+  title: 'D2 CRUD v2',
   iconSvg: 'd2-crud',
   children: (pre => [
-    { path: `${pre}index`, title: 'D2 CRUD ', icon: 'home' },
+    { path: `${pre}index`, title: 'D2 CRUD v2', icon: 'home' },
     {
       title: '基础功能',
       children: [
diff --git a/src/pages/demo/d2-crud/demo16/code.js b/src/pages/demo/d2-crud/demo16/code.js
index 6a1792ef..613f8b0d 100644
--- a/src/pages/demo/d2-crud/demo16/code.js
+++ b/src/pages/demo/d2-crud/demo16/code.js
@@ -78,7 +78,7 @@ export default {
     }
   },
   methods: {
-    handleDialogOpen ({mode}) {
+    handleDialogOpen ({ mode }) {
       this.$message({
         message: '打开模态框，模式为：' + mode,
         type: 'success'
diff --git a/src/pages/demo/d2-crud/demo16/index.vue b/src/pages/demo/d2-crud/demo16/index.vue
index 4c2e2819..41c7ca0c 100644
--- a/src/pages/demo/d2-crud/demo16/index.vue
+++ b/src/pages/demo/d2-crud/demo16/index.vue
@@ -94,7 +94,7 @@ export default {
     }
   },
   methods: {
-    handleDialogOpen ({mode}) {
+    handleDialogOpen ({ mode }) {
       this.$message({
         message: '打开模态框，模式为：' + mode,
         type: 'success'
diff --git a/src/pages/demo/d2-crud/demo17/code.js b/src/pages/demo/d2-crud/demo17/code.js
index a2669edb..9ef0dc55 100644
--- a/src/pages/demo/d2-crud/demo17/code.js
+++ b/src/pages/demo/d2-crud/demo17/code.js
@@ -120,7 +120,7 @@ export default {
     }
   },
   methods: {
-    handleDialogOpen ({mode, row}) {
+    handleDialogOpen ({ mode, row }) {
       this.$message({
         message: '打开模态框，模式为：' + mode,
         type: 'success'
@@ -142,7 +142,7 @@ export default {
         }
       })
     },
-    handleRowEdit ({index, row}, done) {
+    handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {
         console.log(index)
diff --git a/src/pages/demo/d2-crud/demo17/index.vue b/src/pages/demo/d2-crud/demo17/index.vue
index 7fa0cad8..8ef9232e 100644
--- a/src/pages/demo/d2-crud/demo17/index.vue
+++ b/src/pages/demo/d2-crud/demo17/index.vue
@@ -136,7 +136,7 @@ export default {
     }
   },
   methods: {
-    handleDialogOpen ({mode, row}) {
+    handleDialogOpen ({ mode, row }) {
       this.$message({
         message: '打开模态框，模式为：' + mode,
         type: 'success'
diff --git a/src/pages/demo/d2-crud/demo18/code.js b/src/pages/demo/d2-crud/demo18/code.js
index 6c92d4eb..219f6c4c 100644
--- a/src/pages/demo/d2-crud/demo18/code.js
+++ b/src/pages/demo/d2-crud/demo18/code.js
@@ -79,7 +79,7 @@ export default {
     }
   },
   methods: {
-    handleRowRemove ({index, row}, done) {
+    handleRowRemove ({ index, row }, done) {
       setTimeout(() => {
         console.log(index)
         console.log(row)
diff --git a/src/pages/demo/d2-crud/demo20/code.js b/src/pages/demo/d2-crud/demo20/code.js
index c739d857..7161113e 100644
--- a/src/pages/demo/d2-crud/demo20/code.js
+++ b/src/pages/demo/d2-crud/demo20/code.js
@@ -107,7 +107,7 @@ export default {
     }
   },
   methods: {
-    handleRowEdit ({index, row}, done) {
+    handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {
         console.log(index)
diff --git a/src/pages/demo/d2-crud/demo21/code.js b/src/pages/demo/d2-crud/demo21/code.js
index 2a698098..8d51933f 100644
--- a/src/pages/demo/d2-crud/demo21/code.js
+++ b/src/pages/demo/d2-crud/demo21/code.js
@@ -91,7 +91,7 @@ export default {
     }
   },
   methods: {
-    handleRowEdit ({index, row}, done) {
+    handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {
         console.log(index)
diff --git a/src/pages/demo/d2-crud/demo23/code.js b/src/pages/demo/d2-crud/demo23/code.js
index 8f795a57..b9e94537 100644
--- a/src/pages/demo/d2-crud/demo23/code.js
+++ b/src/pages/demo/d2-crud/demo23/code.js
@@ -76,7 +76,7 @@ export default {
     }
   },
   methods: {
-    handleCellDataChange ({rowIndex, key, value, row}) {
+    handleCellDataChange ({ rowIndex, key, value, row }) {
       console.log(rowIndex)
       console.log(key)
       console.log(value)
diff --git a/src/pages/demo/d2-crud/demo23/index.vue b/src/pages/demo/d2-crud/demo23/index.vue
index 3deb2c99..baabbc82 100644
--- a/src/pages/demo/d2-crud/demo23/index.vue
+++ b/src/pages/demo/d2-crud/demo23/index.vue
@@ -92,7 +92,7 @@ export default {
     }
   },
   methods: {
-    handleCellDataChange ({rowIndex, key, value, row}) {
+    handleCellDataChange ({ rowIndex, key, value, row }) {
       console.log(rowIndex)
       console.log(key)
       console.log(value)
diff --git a/src/pages/demo/d2-crud/demo26/codeOverall.js b/src/pages/demo/d2-crud/demo26/codeOverall.js
index 3b9fd872..be0b44b9 100644
--- a/src/pages/demo/d2-crud/demo26/codeOverall.js
+++ b/src/pages/demo/d2-crud/demo26/codeOverall.js
@@ -105,7 +105,7 @@ export default {
     handleDataChange (data) {
       console.log(data)
     },
-    handleRowEdit ({index, row}, done) {
+    handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {
         console.log(index)
diff --git a/src/pages/demo/d2-crud/demo26/codePart.js b/src/pages/demo/d2-crud/demo26/codePart.js
index 51b394e8..2fa92581 100644
--- a/src/pages/demo/d2-crud/demo26/codePart.js
+++ b/src/pages/demo/d2-crud/demo26/codePart.js
@@ -110,7 +110,7 @@ export default {
     handleDataChange (data) {
       console.log(data)
     },
-    handleRowEdit ({index, row}, done) {
+    handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {
         console.log(index)
diff --git a/src/pages/demo/d2-crud/demo30/code.js b/src/pages/demo/d2-crud/demo30/code.js
index eba2a5a0..1cc13513 100644
--- a/src/pages/demo/d2-crud/demo30/code.js
+++ b/src/pages/demo/d2-crud/demo30/code.js
@@ -105,11 +105,11 @@ export default {
     }
   },
   methods: {
-    handleFormDataChange ({key, value}) {
+    handleFormDataChange ({ key, value }) {
       console.log(key)
       console.log(value)
     },
-    handleRowEdit ({index, row}, done) {
+    handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {
         console.log(index)
diff --git a/src/pages/demo/d2-crud/demo30/index.vue b/src/pages/demo/d2-crud/demo30/index.vue
index 37181a1c..c1b60d98 100644
--- a/src/pages/demo/d2-crud/demo30/index.vue
+++ b/src/pages/demo/d2-crud/demo30/index.vue
@@ -121,11 +121,11 @@ export default {
     }
   },
   methods: {
-    handleFormDataChange ({key, value}) {
+    handleFormDataChange ({ key, value }) {
       console.log(key)
       console.log(value)
     },
-    handleRowEdit ({index, row}, done) {
+    handleRowEdit ({ index, row }, done) {
       this.formOptions.saveLoading = true
       setTimeout(() => {
         console.log(index)
diff --git a/src/pages/demo/d2-crud/demo7/code.js b/src/pages/demo/d2-crud/demo7/code.js
index ea10043f..47615258 100644
--- a/src/pages/demo/d2-crud/demo7/code.js
+++ b/src/pages/demo/d2-crud/demo7/code.js
@@ -110,7 +110,7 @@ export default {
     }
   },
   methods: {
-    handleRowRemove ({index, row}, done) {
+    handleRowRemove ({ index, row }, done) {
       this.$message({
         message: '删除成功',
         type: 'success'
diff --git a/src/pages/demo/d2-crud/demo7/index.vue b/src/pages/demo/d2-crud/demo7/index.vue
index b4516957..e402dd1e 100644
--- a/src/pages/demo/d2-crud/demo7/index.vue
+++ b/src/pages/demo/d2-crud/demo7/index.vue
@@ -126,7 +126,7 @@ export default {
     }
   },
   methods: {
-    handleRowRemove ({index, row}, done) {
+    handleRowRemove ({ index, row }, done) {
       this.$message({
         message: '删除成功',
         type: 'success'
diff --git a/src/pages/demo/d2-crud/index/index.vue b/src/pages/demo/d2-crud/index/index.vue
index 92c4cfb5..2a2d79e3 100644
--- a/src/pages/demo/d2-crud/index/index.vue
+++ b/src/pages/demo/d2-crud/index/index.vue
@@ -1,6 +1,14 @@
 <template>
   <d2-container :filename="filename" type="ghost">
     <d2-module-index-banner slot="header" v-bind="banner"/>
+    <el-alert
+      title="目前 d2-crud 已经升级至 2.x，并且和 1.x 存在一些 API 不兼容，如果您使用的是 1.x，请点击此消息跳转至旧版示例"
+      type="warning"
+      :closable="false"
+      class="d2-mt"
+      show-icon
+      @click.native="$open('https://v1.d2-crud.fairyever.com/#/d2-crud/index')">
+    </el-alert>
     <d2-module-index-menu :menu="menu"/>
   </d2-container>
 </template>
@@ -13,7 +21,7 @@ export default {
       filename: __filename,
       menu,
       banner: {
-        title: 'D2 CRUD',
+        title: 'D2 CRUD v2',
         subTitle: 'D2 Crud 是一个基于 Vue.js 和 Element UI 的表格组件，封装了常用的表格操作。',
         link: 'https://github.com/d2-projects/d2-crud'
       }
diff --git a/src/router/modules/d2-crud.js b/src/router/modules/d2-crud.js
index d4ff05a7..1783d101 100644
--- a/src/router/modules/d2-crud.js
+++ b/src/router/modules/d2-crud.js
@@ -9,7 +9,7 @@ export default {
   redirect: { name: 'demo-d2-crud-index' },
   component: layoutHeaderAside,
   children: (pre => [
-    { path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/d2-crud/index'), meta: { ...meta, title: 'D2 CRUD 首页' } },
+    { path: 'index', name: `${pre}index`, component: () => import('@/pages/demo/d2-crud/index'), meta: { ...meta, title: 'D2 CRUD v2 首页' } },
     { path: 'demo1', name: `${pre}demo1`, component: () => import('@/pages/demo/d2-crud/demo1'), meta: { ...meta, title: '基础表格' } },
     { path: 'demo2', name: `${pre}demo2`, component: () => import('@/pages/demo/d2-crud/demo2'), meta: { ...meta, title: '带斑马纹表格' } },
     { path: 'demo3', name: `${pre}demo3`, component: () => import('@/pages/demo/d2-crud/demo3'), meta: { ...meta, title: '带边框表格' } },