diff --git a/package-lock.json b/package-lock.json
index 9a3b9c0..62e8984 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -95,6 +95,23 @@
       "integrity": "sha1-2PHA0Nwjr61twWqemToIZXdLQGU=",
       "dev": true
     },
+    "@vue/component-compiler-utils": {
+      "version": "3.3.0",
+      "resolved": "http://nodepackages.hellobike.cn:4873/@vue%2fcomponent-compiler-utils/-/component-compiler-utils-3.3.0.tgz",
+      "integrity": "sha1-+fX7U0ZLDDeyyNLz+/5E32D2Hck=",
+      "dev": true,
+      "requires": {
+        "consolidate": "^0.15.1",
+        "hash-sum": "^1.0.2",
+        "lru-cache": "^4.1.2",
+        "merge-source-map": "^1.1.0",
+        "postcss": "^7.0.36",
+        "postcss-selector-parser": "^6.0.2",
+        "prettier": "^1.18.2 || ^2.0.0",
+        "source-map": "~0.6.1",
+        "vue-template-es2015-compiler": "^1.9.0"
+      }
+    },
     "@webassemblyjs/ast": {
       "version": "1.11.1",
       "resolved": "http://nodepackages.hellobike.cn:4873/@webassemblyjs%2fast/-/ast-1.11.1.tgz",
@@ -408,12 +425,24 @@
       "integrity": "sha1-3DQxT05nkxgJP8dgJyUl+UvyXBY=",
       "dev": true
     },
+    "big.js": {
+      "version": "5.2.2",
+      "resolved": "http://nodepackages.hellobike.cn:4873/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha1-ZfCvOC9Xi83HQr2cKB6cstd2gyg=",
+      "dev": true
+    },
     "binary-extensions": {
       "version": "2.2.0",
       "resolved": "http://nodepackages.hellobike.cn:4873/binary-extensions/-/binary-extensions-2.2.0.tgz",
       "integrity": "sha1-dfUC7q+f/eQvyYgpZFvk6na9ni0=",
       "dev": true
     },
+    "bluebird": {
+      "version": "3.7.2",
+      "resolved": "http://nodepackages.hellobike.cn:4873/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha1-nyKcFb4nJFT/qXOs4NvueaGww28=",
+      "dev": true
+    },
     "body-parser": {
       "version": "1.19.0",
       "resolved": "http://nodepackages.hellobike.cn:4873/body-parser/-/body-parser-1.19.0.tgz",
@@ -640,6 +669,15 @@
       "integrity": "sha1-izIIk1kwjRERFdgcrT/Oq4iPl7w=",
       "dev": true
     },
+    "consolidate": {
+      "version": "0.15.1",
+      "resolved": "http://nodepackages.hellobike.cn:4873/consolidate/-/consolidate-0.15.1.tgz",
+      "integrity": "sha1-IasEMjXHGgfUXZqtmFk7DbpWurc=",
+      "dev": true,
+      "requires": {
+        "bluebird": "^3.1.1"
+      }
+    },
     "content-disposition": {
       "version": "0.5.3",
       "resolved": "http://nodepackages.hellobike.cn:4873/content-disposition/-/content-disposition-0.5.3.tgz",
@@ -711,6 +749,18 @@
       "integrity": "sha1-P3tweq32M7r2LCzrhXm1RbtA9/4=",
       "dev": true
     },
+    "cssesc": {
+      "version": "3.0.0",
+      "resolved": "http://nodepackages.hellobike.cn:4873/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha1-N3QZGZA7hoVl4cCep0dEXNGJg+4=",
+      "dev": true
+    },
+    "de-indent": {
+      "version": "1.0.2",
+      "resolved": "http://nodepackages.hellobike.cn:4873/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha1-sgOOhG3DO6pXlhKNCAS0VbjB4h0=",
+      "dev": true
+    },
     "debug": {
       "version": "2.6.9",
       "resolved": "http://nodepackages.hellobike.cn:4873/debug/-/debug-2.6.9.tgz",
@@ -894,6 +944,12 @@
       "integrity": "sha1-TX0EDnPe89X1vWuKIQSQJdzm/OA=",
       "dev": true
     },
+    "emojis-list": {
+      "version": "3.0.0",
+      "resolved": "http://nodepackages.hellobike.cn:4873/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha1-VXBmIEatKeLpFucariYKvf9Pang=",
+      "dev": true
+    },
     "encodeurl": {
       "version": "1.0.2",
       "resolved": "http://nodepackages.hellobike.cn:4873/encodeurl/-/encodeurl-1.0.2.tgz",
@@ -1288,6 +1344,12 @@
         "has-symbols": "^1.0.2"
       }
     },
+    "hash-sum": {
+      "version": "1.0.2",
+      "resolved": "http://nodepackages.hellobike.cn:4873/hash-sum/-/hash-sum-1.0.2.tgz",
+      "integrity": "sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=",
+      "dev": true
+    },
     "he": {
       "version": "1.2.0",
       "resolved": "http://nodepackages.hellobike.cn:4873/he/-/he-1.2.0.tgz",
@@ -1703,6 +1765,15 @@
       "integrity": "sha1-afaofZUTq4u4/mO9sJecRI5oRmA=",
       "dev": true
     },
+    "json5": {
+      "version": "1.0.1",
+      "resolved": "http://nodepackages.hellobike.cn:4873/json5/-/json5-1.0.1.tgz",
+      "integrity": "sha1-d5+wAYYE+oVOrL9iUhgNg1Q+Pb4=",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.0"
+      }
+    },
     "kind-of": {
       "version": "6.0.3",
       "resolved": "http://nodepackages.hellobike.cn:4873/kind-of/-/kind-of-6.0.3.tgz",
@@ -1715,6 +1786,17 @@
       "integrity": "sha1-1wIjgNZtFMX7HUlriYZOvP1Hg4Q=",
       "dev": true
     },
+    "loader-utils": {
+      "version": "1.4.0",
+      "resolved": "http://nodepackages.hellobike.cn:4873/loader-utils/-/loader-utils-1.4.0.tgz",
+      "integrity": "sha1-xXm140yzSxp07cbB+za/o3HVphM=",
+      "dev": true,
+      "requires": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^1.0.1"
+      }
+    },
     "locate-path": {
       "version": "5.0.0",
       "resolved": "http://nodepackages.hellobike.cn:4873/locate-path/-/locate-path-5.0.0.tgz",
@@ -1738,6 +1820,16 @@
         "tslib": "^2.0.3"
       }
     },
+    "lru-cache": {
+      "version": "4.1.5",
+      "resolved": "http://nodepackages.hellobike.cn:4873/lru-cache/-/lru-cache-4.1.5.tgz",
+      "integrity": "sha1-i75Q6oW+1ZvJ4z3KuCNe6bz0Q80=",
+      "dev": true,
+      "requires": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
     "media-typer": {
       "version": "0.3.0",
       "resolved": "http://nodepackages.hellobike.cn:4873/media-typer/-/media-typer-0.3.0.tgz",
@@ -1759,6 +1851,15 @@
       "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
       "dev": true
     },
+    "merge-source-map": {
+      "version": "1.1.0",
+      "resolved": "http://nodepackages.hellobike.cn:4873/merge-source-map/-/merge-source-map-1.1.0.tgz",
+      "integrity": "sha1-L93n5gIJOfcJBqaPLXrmheTIxkY=",
+      "dev": true,
+      "requires": {
+        "source-map": "^0.6.1"
+      }
+    },
     "merge-stream": {
       "version": "2.0.0",
       "resolved": "http://nodepackages.hellobike.cn:4873/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -2168,6 +2269,41 @@
         }
       }
     },
+    "postcss": {
+      "version": "7.0.39",
+      "resolved": "http://nodepackages.hellobike.cn:4873/postcss/-/postcss-7.0.39.tgz",
+      "integrity": "sha1-liQ3XZZWMOLh8sAqk1yCpZy0gwk=",
+      "dev": true,
+      "requires": {
+        "picocolors": "^0.2.1",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "picocolors": {
+          "version": "0.2.1",
+          "resolved": "http://nodepackages.hellobike.cn:4873/picocolors/-/picocolors-0.2.1.tgz",
+          "integrity": "sha1-VwZw95NkaFHRuhNZlpYqutWHhZ8=",
+          "dev": true
+        }
+      }
+    },
+    "postcss-selector-parser": {
+      "version": "6.0.6",
+      "resolved": "http://nodepackages.hellobike.cn:4873/postcss-selector-parser/-/postcss-selector-parser-6.0.6.tgz",
+      "integrity": "sha1-LFu6gXSsL2mBq2MaQqsO5UrzMuo=",
+      "dev": true,
+      "requires": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      }
+    },
+    "prettier": {
+      "version": "2.4.1",
+      "resolved": "http://nodepackages.hellobike.cn:4873/prettier/-/prettier-2.4.1.tgz",
+      "integrity": "sha1-Zx4RyJwUpM/Ids5WQQbEpnJsn1w=",
+      "dev": true,
+      "optional": true
+    },
     "pretty-error": {
       "version": "4.0.0",
       "resolved": "http://nodepackages.hellobike.cn:4873/pretty-error/-/pretty-error-4.0.0.tgz",
@@ -2202,6 +2338,12 @@
         }
       }
     },
+    "pseudomap": {
+      "version": "1.0.2",
+      "resolved": "http://nodepackages.hellobike.cn:4873/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
+      "dev": true
+    },
     "punycode": {
       "version": "2.1.1",
       "resolved": "http://nodepackages.hellobike.cn:4873/punycode/-/punycode-2.1.1.tgz",
@@ -2847,6 +2989,56 @@
       "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
       "dev": true
     },
+    "vue": {
+      "version": "2.6.14",
+      "resolved": "http://nodepackages.hellobike.cn:4873/vue/-/vue-2.6.14.tgz",
+      "integrity": "sha1-5RqlJQJQ1Wmj+606ilpofWA24jU="
+    },
+    "vue-hot-reload-api": {
+      "version": "2.3.4",
+      "resolved": "http://nodepackages.hellobike.cn:4873/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz",
+      "integrity": "sha1-UylVzB6yCKPZkLOp+acFdGV+CPI=",
+      "dev": true
+    },
+    "vue-loader": {
+      "version": "15.9.8",
+      "resolved": "http://nodepackages.hellobike.cn:4873/vue-loader/-/vue-loader-15.9.8.tgz",
+      "integrity": "sha1-Sw9gKvr2aplr4eU0+5YJ3EqxDmE=",
+      "dev": true,
+      "requires": {
+        "@vue/component-compiler-utils": "^3.1.0",
+        "hash-sum": "^1.0.2",
+        "loader-utils": "^1.1.0",
+        "vue-hot-reload-api": "^2.3.0",
+        "vue-style-loader": "^4.1.0"
+      }
+    },
+    "vue-style-loader": {
+      "version": "4.1.3",
+      "resolved": "http://nodepackages.hellobike.cn:4873/vue-style-loader/-/vue-style-loader-4.1.3.tgz",
+      "integrity": "sha1-bVWGOlH6dXqyTonZNxRlByqnvDU=",
+      "dev": true,
+      "requires": {
+        "hash-sum": "^1.0.2",
+        "loader-utils": "^1.0.2"
+      }
+    },
+    "vue-template-compiler": {
+      "version": "2.6.14",
+      "resolved": "http://nodepackages.hellobike.cn:4873/vue-template-compiler/-/vue-template-compiler-2.6.14.tgz",
+      "integrity": "sha1-ovDn2YVnDULJye4NBE/tdpD092M=",
+      "dev": true,
+      "requires": {
+        "de-indent": "^1.0.2",
+        "he": "^1.1.0"
+      }
+    },
+    "vue-template-es2015-compiler": {
+      "version": "1.9.1",
+      "resolved": "http://nodepackages.hellobike.cn:4873/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz",
+      "integrity": "sha1-HuO8mhbsv1EYvjNLsV+cRvgvWCU=",
+      "dev": true
+    },
     "watchpack": {
       "version": "2.2.0",
       "resolved": "http://nodepackages.hellobike.cn:4873/watchpack/-/watchpack-2.2.0.tgz",
@@ -3072,6 +3264,12 @@
       "resolved": "http://nodepackages.hellobike.cn:4873/ws/-/ws-8.2.3.tgz",
       "integrity": "sha1-Y6VkVtsbBDZ9C3IaC4DK5ti+y7o=",
       "dev": true
+    },
+    "yallist": {
+      "version": "2.1.2",
+      "resolved": "http://nodepackages.hellobike.cn:4873/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
+      "dev": true
     }
   }
 }
diff --git a/package.json b/package.json
index 179cd7b..8c2b47e 100644
--- a/package.json
+++ b/package.json
@@ -12,11 +12,14 @@
   "license": "ISC",
   "devDependencies": {
     "html-webpack-plugin": "^5.5.0",
+    "vue-loader": "^15.9.8",
+    "vue-template-compiler": "^2.6.14",
     "webpack": "^5.64.1",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.5.0"
   },
   "dependencies": {
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "vue": "^2.6.14"
   }
 }