Cheap VPS plans<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/element-ui@2.15.14\/lib\/theme-chalk\/index.css\">\n <style>\n .page-container {\n \/* padding: 15px; *\/\n \/* background: #f5f7fa; *\/\n }\n\n .flex-container {\n \/* \u8ba9\u6807\u9898\u548c\u641c\u7d22\u6846\u5728\u4e00\u884c\uff0c\u641c\u7d22\u6846\u5728\u6700\u53f3\u4fa7\uff0c\u6807\u9898\u5728\u4e2d\u95f4 *\/\n display: flex;\n position: relative;\n \/* \u4e3a\u7edd\u5bf9\u5b9a\u4f4d\u5b50\u5143\u7d20\u63d0\u4f9b\u57fa\u51c6 *\/\n width: 100%;\n align-items: center;\n }\n\n .table-title {\n \/*\u5355\u5143\u683c\u6807\u9898\u6837\u5f0f*\/\n \/* color: #333;\n font-size: 18px;\n padding: 12px 0;\n border-left: 4px solid #409EFF;\n padding-left: 10px;\n margin: 20px 0; *\/\n\n text-align: center;\n font-size: 36px;\n color: #333;\n padding-bottom: 10px;\n border-bottom: 2px solid #000;\n margin-bottom: 15px;\n position: relative;\n\n left: 50%;\n \/* \u5b9a\u4f4d\u5230\u884c\u6c34\u5e73\u4e2d\u70b9 *\/\n transform: translateX(-50%);\n }\n\n .table-title::after {\n \/*\u5355\u5143\u683c\u6807\u9898\u52a0\u4e2a\u4e0b\u5212\u7ebf\u9ad8\u4eae\u6837\u5f0f*\/\n text-align: center;\n content: \"\";\n position: absolute;\n bottom: -2px;\n left: 35%;\n width: 30%;\n border-bottom: 2px solid #409EFF;\n }\n\n\n .search-container {\n \/*\u641c\u7d22\u6846\u653e\u5728\u6700\u53f3\u4fa7*\/\n margin-top: 20px;\n margin-bottom: 20px;\n margin-left: auto;\n \/* \u81ea\u52a8\u8fb9\u8ddd\u63a8\u81f3\u6700\u53f3\u4fa7 *\/\n flex-shrink: 0;\n \/* \u7981\u6b62\u538b\u7f29 *\/\n }\n\n \/* wordpress \u4e0eelement\u9009\u62e9\u6846\u51b2\u7a81\uff0c\u4f1a\u591a\u51fa\u4e00\u4e2a\u9009\u62e9\u5708\uff0c\u5e76\u4e14wordpress\u9009\u62e9\u5708\u5305\u542b\u4e86elementui\u9009\u62e9\u5708\uff0c\u53ea\u80fd\u8ba9elementui\u7684\u5708\u9690\u85cf\u6389\uff0c\u8fd9\u6837\u5bfc\u81f4\u5982\u679c\u76f4\u63a5\u6253\u5f00\u8fd9\u4e2a\u9875\u9762\u662f\u65e0\u6cd5\u9009\u62e9\u7684\uff0c\u53ea\u80fd\u5728wordpress\u4e0b\u9009\u62e9 *\/\n \/* \u9690\u85cfelemntu\u5c0f\u5708\u5bb9\u5668 *\/\n .el-radio__inner {\n border: 0 !important;\n \/* \u79fb\u9664\u8fb9\u6846 *\/\n background: transparent !important;\n \/* \u900f\u660e\u80cc\u666f *\/\n width: 0 !important;\n \/* \u5bbd\u5ea6\u6e05\u96f6 *\/\n height: 0 !important;\n \/* \u9ad8\u5ea6\u6e05\u96f6 *\/\n overflow: visible !important;\n \/* \u5141\u8bb8\u5185\u90e8\u5143\u7d20\u6ea2\u51fa *\/\n }\n\n \/* \u628a\u5927\u5708\u653e\u5728\u6700\u4e0a\u5c42 *\/\n .el-radio__input {\n z-index: 1 !important;\n \/* \u63d0\u5347\u5c42\u7ea7 *\/\n position: relative;\n \/* \u6fc0\u6d3bz-index *\/\n\n }\n\n \/* wordpress\u628a\u641c\u7d22\u4e0b\u62c9\u5217\u8868\u7684\u4f4d\u7f6e\u9519\u8bef\uff0c\u4f46\u662f\u8fd9\u6837\u5355\u72ec\u6253\u5f00html\u6837\u5f0f\u6709\u95ee\u9898*\/\n .el-popper[x-placement^=bottom] {\n margin-top: 36px;\n }\n\n \/* \u4ee5\u4e0b\u662f\u684c\u9762\u8868\u683c\u6837\u5f0f --------------------------------------------*\/\n .el-table {\n color: #000 !important;\n \/*\u8868\u5934\u5b57\u4f53*\/\n font-size: 18px;\n }\n\n .el-table th {\n \/*\u8868\u683c\u6570\u636e\u5b57\u4f53*\/\n font-size: 18px !important;\n }\n\n table:not(.variations):not(.shop_table) td,\n table:not(.variations):not(.shop_table) th {\n \/*\u8ba9\u5355\u5143\u683c\u80fd\u653e\u5165\u66f4\u591a\u7684\u5185\u5bb9*\/\n padding-left: 0rem;\n padding-right: 0px !important;\n }\n\n .el-table__cell {\n \/*\u8ba9\u5355\u5143\u683c\u80fd\u653e\u5165\u66f4\u591a\u7684\u5185\u5bb9*\/\n padding-left: 0px !important;\n padding-right: 0px !important;\n }\n\n \/* \u8868\u5934\u9ad8\u7ea7\u7070\u6837\u5f0f *\/\n .el-table thead th {\n background-color: #4a4a4a !important;\n color: #fff !important;\n border-bottom: 2px solid #333 !important;\n }\n\n \/*\u8868\u683c\u5728wordpress\u91cc\u8868\u5934\u548c\u7b2c\u4e00\u884c\u6570\u636e\u6709\u8ddd\u79bb\uff0c\u672c\u8eab\u9875\u9762\u662f\u597d\u7684\uff0c\u53ef\u80fd\u662fwordpress\u6837\u5f0f\u5f71\u54cd*\/\n .el-table__header {\n margin-top: 0px !important;\n margin-bottom: 0px !important;\n margin-left: 0px !important;\n margin-right: 0px !important;\n background: #4a4a4a !important;\n }\n\n .el-table__body {\n margin-top: 0px !important;\n margin-bottom: 0px !important;\n margin-left: 0px !important;\n margin-right: 0px !important;\n }\n\n \/* pc\u8be6\u60c5\u6309\u94ae\u6837\u5f0f\u5b9a\u5236 *\/\n .pc-custom-detail-btn {\n background-color: rgb(50, 157, 63) !important;\n border-color: rgb(50, 157, 63) !important;\n color: #fff !important;\n padding: 8px 15px !important;\n transition: all 0.3s;\n font-size: 18px !important;\n }\n\n .pc-custom-detail-btn:hover {\n \/* pc\u8be6\u60c5\u6309\u94ae\u79fb\u52a8\u9ad8\u4eae *\/\n background-color: rgb(11, 138, 26) !important;\n border-color: rgb(11, 138, 26) !important;\n }\n\n .pc-custom-tutorial-btn {\n \/* pc\u6309\u94ae\u6837\u5f0f\u5b9a\u5236 *\/\n \/* background-color: rgb(50, 157, 63) !important;\n border-color: rgb(50, 157, 63) !important;\n color: #fff !important; *\/\n padding: 8px !important;\n \/* transition: all 0.3s; *\/\n font-size: 18px !important;\n }\n\n \/* \u79fb\u52a8\u7aef\u6309\u94ae\u6837\u5f0f\u5b9a\u5236 *\/\n .mb-custom-detail-btn {\n background-color: rgb(50, 157, 63) !important;\n border-color: rgb(50, 157, 63) !important;\n color: #fff !important;\n padding: 8px 15px !important;\n transition: all 0.3s;\n \/* font-size: 18px !important; *\/\n }\n\n .mb-custom-detail-btn:hover {\n background-color: rgb(11, 138, 26) !important;\n border-color: rgb(11, 138, 26) !important;\n }\n\n .desktop-table {\n width: 100%;\n margin-bottom: 30px;\n }\n\n \/* \u79fb\u52a8\u7aef\u5361\u7247\u6837\u5f0f \u79fb\u52a8\u7aef\u7684\u5b57\u4f53\u6bd4pc\u5c0f\uff0c\u65b9\u4fbf\u5c55\u793a\u66f4\u591a\u5185\u5bb9\uff0c\u79fb\u52a8\u7aef\u6ca1\u7528elementui\u8868\u683c-----------------------------------------------*\/\n .mobile-card {\n background: white;\n border-radius: 8px;\n padding: 15px;\n margin-bottom: 15px;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);\n }\n\n .card-item {\n display: flex;\n justify-content: space-between;\n padding: 8px 0;\n border-bottom: 1px solid #eee;\n }\n\n .card-item:last-child {\n border-bottom: none;\n }\n\n .card-label {\n color: #909399;\n min-width: 80px;\n }\n\n .card-value {\n color: #606266;\n text-align: right;\n max-width: 70%;\n }\n\n @media (max-width: 768px) {\n .desktop-table {\n display: none;\n }\n\n .desktop-search {\n \/* \u4f4d\u7f6e\u641c\u7d22\u6846\u5728\u79fb\u52a8\u7aef\u9690\u85cf *\/\n display: none !important;\n }\n }\n\n @media (min-width: 769px) {\n .mobile-card {\n display: none;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"app\">\n <div class=\"vps-subscribe\">\n <p><strong>Get new VPS deals by email<\/strong><\/p>\n <div class=\"tnp tnp-subscription-minimal \"><form action=\"https:\/\/cheapvpshub.com\/wp-admin\/admin-ajax.php?action=tnp&na=s\" method=\"post\" style=\"text-align: center\"><input type=\"hidden\" name=\"nr\" value=\"minimal\">\n<input type=\"hidden\" name=\"nlang\" value=\"\">\n<input class=\"tnp-email\" type=\"email\" required name=\"ne\" value=\"\" placeholder=\"Email address\"><input class=\"tnp-submit\" type=\"submit\" value=\"Subscribe\" style=\"\">\n<\/form><\/div>\n\n <\/div>\n <iframe name=\"vps-sub-frame\" id=\"vps-sub-frame\" hidden><\/iframe>\n <script>\n document.addEventListener('DOMContentLoaded', function () {\n var form = document.querySelector('.vps-subscribe form');\n var frame = document.getElementById('vps-sub-frame');\n if (!form || !frame) return;\n form.target = 'vps-sub-frame';\n form.addEventListener('submit', function () {\n frame.onload = function () {\n var url = '';\n try { url = frame.contentWindow.location.href; } catch (e) {}\n var msg = \"You're subscribed.\";\n if (url.indexOf('nm=error') !== -1) msg = 'This email is already subscribed.';\n var note = document.querySelector('.vps-subscribe-note');\n if (!note) {\n note = document.createElement('p');\n note.className = 'vps-subscribe-note';\n form.parentNode.appendChild(note);\n }\n note.textContent = msg;\n form.style.display = 'none';\n };\n });\n });\n <\/script>\n \n\n <div class=\"page-container\">\n <div id=\"1c\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">1 vCPU plans<\/h2>\n\n <div class=\"search-container desktop-search\">\n <el-cascader v-model=\"searchPath1c\" :options=\"locationOptions\" placeholder=\"City or region\"\n :props=\"{ checkStrictly: true }\" filterable clearable style=\"width: 200px\"><\/el-cascader>\n <el-button type=\"primary\" @click=\"handleSearchChange1c\" style=\"margin-left: 10px\">Search<\/el-button>\n <el-button type=\"primary\" @click=\"handleSearchRevert1c\" style=\"margin-left: 10px\">Reset<\/el-button>\n <\/div>\n <\/div>\n\n \n <el-table :data=\"filteredList1c\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPath1c.length\">\n <span>{{ activeSearchPath1c }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverList1c\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"2c\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">2-3 vCPU plans<\/h2>\n\n <div class=\"search-container desktop-search\">\n <el-cascader v-model=\"searchPath2c\" :options=\"locationOptions\" placeholder=\"City or region\"\n :props=\"{ checkStrictly: true }\" filterable clearable style=\"width: 200px\"><\/el-cascader>\n <el-button type=\"primary\" @click=\"handleSearchChange2c\" style=\"margin-left: 10px\">Search<\/el-button>\n <el-button type=\"primary\" @click=\"handleSearchRevert2c\" style=\"margin-left: 10px\">Reset<\/el-button>\n <\/div>\n <\/div>\n\n \n <el-table :data=\"filteredList2c\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPath2c.length\">\n <span>{{ activeSearchPath2c }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverList2c\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"highc\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">Bigger plans<\/h2>\n\n <div class=\"search-container desktop-search\">\n <el-cascader v-model=\"searchPathHighc\" :options=\"locationOptions\" placeholder=\"City or region\"\n :props=\"{ checkStrictly: true }\" filterable clearable style=\"width: 200px\"><\/el-cascader>\n <el-button type=\"primary\" @click=\"handleSearchChangeHighc\"\n style=\"margin-left: 10px\">Search<\/el-button>\n <el-button type=\"primary\" @click=\"handleSearchRevertHighc\"\n style=\"margin-left: 10px\">Reset<\/el-button>\n <\/div>\n <\/div>\n\n \n <el-table :data=\"filteredListHighc\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPathHighc.length\">\n <span>{{ activeSearchPathHighc }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverListHighc\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"disk\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">Large storage<\/h2>\n <\/div>\n\n \n <el-table :data=\"filteredListDisk\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPathDisk.length\">\n <span>{{ activeSearchPathDisk }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverListDisk\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hour\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">Hourly billing, cancel anytime<\/h2>\n\n <div class=\"search-container desktop-search\">\n <el-cascader v-model=\"searchPathHour\" :options=\"locationOptions\" placeholder=\"City or region\"\n :props=\"{ checkStrictly: true }\" filterable clearable style=\"width: 200px\"><\/el-cascader>\n <el-button type=\"primary\" @click=\"handleSearchChangeHour\"\n style=\"margin-left: 10px\">Search<\/el-button>\n <el-button type=\"primary\" @click=\"handleSearchRevertHour\"\n style=\"margin-left: 10px\">Reset<\/el-button>\n <\/div>\n <\/div>\n\n \n <el-table :data=\"filteredListHour\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPathHour.length\">\n <span>{{ activeSearchPathHour }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverListHour\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue@2.7.16\/dist\/vue.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/element-ui@2.15.14\/lib\/index.js\"><\/script>\n\n <script>\n new Vue({\n el: '#app',\n data() {\n return {\n \/\/1\u6838\u6570\u636e\uff0cgit\u6ce8\u91ca\n serverList1c: [\n {\n vendor: 'CloudCone',\n cpu: 1,\n memory: '1 GB',\n disk: '55 GB HDD + small SSD',\n network: '4 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$14.24\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/528\/create?token=ccturns9-stor-vps-1&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 1,\n memory: '1 GB',\n disk: '25 GB SSD',\n network: '4 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$18.25\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/522\/create?token=bday26-vps-1&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'RackNerd',\n cpu: 1,\n memory: '1 GB',\n disk: '20 GB SSD',\n network: '3 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$21.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=952',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n \/\/\u600e\u4e48\u627eDediRock\u7684\u94fe\u63a5\uff0c\u540e\u53f0affiliates\u6240\u6709\u4ea7\u54c1\u91cc\u4e00\u4e2a\u4e2a\u8bd5\u592a\u9ebb\u70e6\u3001\u800c\u4e14\u90a3\u91cc\u9762\u6839\u672c\u4e0d\u5168\u3002\n \/\/ \u5728\u4e0b\u8ba2\u5355\u5de6\u4fa7\u5217\u8868\uff0c\u70b9\u5f00\u5c31\u662f\u76ee\u524d\u6709\u8d27\u7684\u4ea7\u54c1\uff0c\u4f46\u6ca1\u6709pid\uff0c\u7528\u6d4f\u89c8\u5668\u63a7\u5236\u53f0\u6253\u5f00\uff0c\u7528\u68c0\u67e5\u5143\u7d20\u770b\u4ea7\u54c1div\u91cc\u6709\u7acb\u5373\u8d2d\u4e70\u6309\u94ae\u7684<fotter><a>\u5143\u7d20id=product265-order-button,265\u5c31\u662fpid\n {\n vendor: 'DediRock',\n cpu: 1,\n memory: '2 GB',\n disk: '30 GB SSD',\n network: '2 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$10.88\/year',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/dedirock-tutorials\/',\n detailLink: 'https:\/\/billing.dedirock.com\/aff.php?aff=753&pid=265',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'DediRock',\n cpu: 1,\n memory: '2 GB',\n disk: '30 GB SSD',\n network: '2 TB\/mo, 1 Gbps',\n location: 'New York',\n price: '$9.88\/year',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/dedirock-tutorials\/',\n detailLink: 'https:\/\/billing.dedirock.com\/aff.php?aff=753&pid=264',\n locationTree: [[\"Americas\", \"United States\", \"New York\"]]\n },\n {\n vendor: 'DediRock',\n cpu: 1,\n memory: '1 GB',\n disk: '256 GB HDD',\n network: '1 TB\/mo, 1 Gbps',\n location: 'New York',\n price: '$12.88\/year',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/dedirock-tutorials\/',\n detailLink: 'https:\/\/billing.dedirock.com\/aff.php?aff=753&pid=242',\n locationTree: [[\"Americas\", \"United States\", \"New York\"]]\n },\n {\n vendor: 'OWS',\n cpu: 1,\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '2 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.014\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e 1\u6838\u6570\u636e\n filteredList1c: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u5165 1\u6838\u6570\u636e\n searchPath1c: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d\uff0c1\u6838\u6570\u636e\n activeSearchPath1c: [],\n \/\/2\u6838\u6570\u636e\n serverList2c: [\n {\n vendor: 'CloudCone',\n cpu: 3,\n memory: '2 GB',\n disk: '110 GB HDD + small SSD',\n network: '7 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$21.66\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/529\/create?token=ccturns9-stor-vps-2&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 3,\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '7 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$32.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/523\/create?token=bday26-vps-2&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'RackNerd',\n cpu: 2,\n memory: '2.5 GB',\n disk: '35 GB SSD',\n network: '5 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$35.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=953',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n {\n vendor: 'RackNerd',\n cpu: 3,\n memory: '4 GB',\n disk: '60 GB SSD',\n network: '7 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$59.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=954',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 2,\n memory: '4 GB',\n disk: '40 GB SSD',\n network: '2 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.022\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n }\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e2\u6838\u6570\u636e\n filteredList2c: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u51652\u6838\u6570\u636e\n searchPath2c: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d,2\u6838\u6570\u636e\n activeSearchPath2c: [],\n \/\/\u9ad8\u914d\u6570\u636e\n serverListHighc: [\n\n {\n vendor: 'CloudCone',\n cpu: 6,\n memory: '4 GB',\n disk: '220 GB HDD + small SSD',\n network: '10 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$40.88\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/530\/create?token=ccturns9-stor-vps-3&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 10,\n memory: '8 GB',\n disk: '440 GB HDD + small SSD',\n network: '10 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$77.26\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/531\/create?token=ccturns9-stor-vps-4&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 7,\n memory: '4 GB',\n disk: '80 GB SSD',\n network: '10 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$56.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/524\/create?token=bday26-vps-3&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 10,\n memory: '8 GB',\n disk: '170 GB SSD',\n network: '15 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$116.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/525\/create?token=bday26-vps-4&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 12,\n memory: '16 GB',\n disk: '320 GB SSD',\n network: '25 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$229.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/526\/create?token=bday26-vps-5&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 18,\n memory: '32 GB',\n disk: '640 GB SSD',\n network: '40 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$449.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/527\/create?token=bday26-vps-6&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'RackNerd',\n cpu: 6,\n memory: '6 GB',\n disk: '100 GB SSD',\n network: '12 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$89.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=955',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n {\n vendor: 'RackNerd',\n cpu: 7,\n memory: '8 GB',\n disk: '150 GB SSD',\n network: '20 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$119.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=956',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 4,\n memory: '8 GB',\n disk: '40 GB SSD',\n network: '4 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.06\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 8,\n memory: '16 GB',\n disk: '40 GB SSD',\n network: '6 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.12\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 8,\n memory: '32 GB',\n disk: '40 GB SSD',\n network: '6 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.18\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n }\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e\u9ad8\u914d\u6570\u636e\n filteredListHighc: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u5165\u9ad8\u914d\u6570\u636e\n searchPathHighc: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d,\u9ad8\u914d\u6570\u636e\n activeSearchPathHighc: [],\n \/\/\u5c0f\u65f6\u4ed8\u8d39\u6570\u636e\n serverListHour: [\n\n {\n vendor: 'CloudCone',\n cpu: '1, up to 21',\n memory: '1 GB, up to 32 GB',\n disk: '40 GB SSD, up to 640 GB',\n network: '3 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$5.20\/month',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/compute\/create?ref=9927&cpu=1&ram=1024&disk=20&src=email',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]],\n },\n {\n vendor: 'CloudCone',\n cpu: '1',\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '3 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$7.28\/month',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/compute\/create?ref=9927&cpu=1&ram=2048&disk=40&src=email',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]],\n },\n {\n vendor: 'CloudCone',\n cpu: '2',\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '3 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$10.34\/month',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/compute\/create?ref=9927&cpu=2&ram=2048&disk=40&src=email',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]],\n },\n {\n vendor: 'OWS',\n cpu: 1,\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '2 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.014\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 2,\n memory: '4 GB',\n disk: '40 GB SSD',\n network: '2 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.023\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 4,\n memory: '8 GB',\n disk: '40 GB SSD',\n network: '4 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.063\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n }\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e\u5c0f\u65f6\u4ed8\u8d39\u6570\u636e\n filteredListHour: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u5165\u5c0f\u65f6\u4ed8\u8d39\u6570\u636e\n searchPathHour: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d,\u5c0f\u65f6\u4ed8\u8d39\u6570\u636e\n activeSearchPathHour: [],\n \/\/\u5927\u78c1\u76d8\u6570\u636e\n serverListDisk: [\n {\n vendor: 'InterServer',\n cpu: 1,\n memory: '2 GB',\n disk: '1 TB SATA',\n network: '2 TB\/mo, 10 Gbps',\n location: 'New Jersey, Los Angeles',\n price: '$3\/month, $1.50 the first month',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/interserver-tutorials\/',\n detailLink: 'https:\/\/www.interserver.net\/vps\/storage.html?id=1062281',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New Jersey\"]],\n },\n {\n vendor: 'InterServer',\n cpu: 1,\n memory: '4 GB',\n disk: '2 TB SATA',\n network: '6 TB\/mo, 10 Gbps',\n location: 'New Jersey, Los Angeles',\n price: '$6\/month, $4.50 the first month',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/interserver-tutorials\/',\n detailLink: 'https:\/\/www.interserver.net\/vps\/storage.html?id=1062281',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New Jersey\"]],\n },\n {\n vendor: 'InterServer',\n cpu: 'up to 16',\n memory: 'up to 64 GB',\n disk: 'up to 32 TB SATA',\n network: 'up to 64 TB\/mo, 10 Gbps',\n location: 'New Jersey, Los Angeles',\n price: 'Varies, $1 off the first month',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/interserver-tutorials\/',\n detailLink: 'https:\/\/www.interserver.net\/vps\/storage.html?id=1062281',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New Jersey\"]],\n },\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e\u5927\u78c1\u76d8\u6570\u636e\n filteredListDisk: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u5165\u5927\u78c1\u76d8\u6570\u636e\n searchPathDisk: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d,\u5927\u78c1\u76d8\n activeSearchPathDisk: [],\n locationOptions: [\n {\n value: 'Americas',\n label: 'Americas',\n children: [\n {\n value: 'United States',\n label: 'United States',\n children: [\n { value: 'New York', label: 'New York' },\n { value: 'Los Angeles', label: 'Los Angeles' },\n { value: 'Washington', label: 'Washington' },\n { value: 'Chicago', label: 'Chicago' },\n { value: 'Dallas', label: 'Dallas' },\n { value: 'Seattle', label: 'Seattle' },\n { value: 'San Jose', label: 'San Jose' },\n { value: 'Ashburn', label: 'Ashburn' },\n { value: 'St. Louis', label: 'St. Louis' }\n ]\n },\n {\n value: 'Canada',\n label: 'Canada',\n children: [\n { value: 'Toronto', label: 'Toronto' },\n ]\n },\n {\n value: 'Brazil',\n label: 'Brazil',\n children: [\n { value: 'Sao Paulo', label: 'Sao Paulo' },\n ]\n },\n {\n value: 'Mexico',\n label: 'Mexico',\n children: [\n { value: 'Mexico City', label: 'Mexico City' },\n ]\n },\n ]\n },\n {\n value: 'Asia',\n label: 'Asia',\n children: [{\n value: 'China',\n label: 'China',\n children: [\n { value: 'Hong Kong', label: 'Hong Kong' },\n { value: 'Taipei', label: 'Taipei' }\n ],\n },\n {\n value: 'Malaysia',\n label: 'Malaysia',\n children: [\n { value: 'Kuala Lumpur', label: 'Kuala Lumpur' },\n { value: 'Miri', label: 'Miri' }\n ]\n },\n {\n value: 'Philippines',\n label: 'Philippines',\n children: [\n { value: 'Manila', label: 'Manila' }\n ]\n },\n {\n value: 'Vietnam',\n label: 'Vietnam',\n children: [\n { value: 'Ho Chi Minh City', label: 'Ho Chi Minh City' }\n ]\n },\n {\n value: 'Thailand',\n label: 'Thailand',\n children: [\n { value: 'Bangkok', label: 'Bangkok' }\n ]\n },\n {\n value: 'South Korea',\n label: 'South Korea',\n children: [\n { value: 'Seoul', label: 'Seoul' }\n ]\n },\n {\n value: 'Indonesia',\n label: 'Indonesia',\n children: [\n { value: 'Jakarta', label: 'Jakarta' }\n ]\n },\n {\n value: 'Japan',\n label: 'Japan',\n children: [\n { value: 'Tokyo', label: 'Tokyo' }\n ]\n },\n {\n value: 'Singapore',\n label: 'Singapore',\n children: [\n { value: 'Singapore', label: 'Singapore' }\n ]\n },\n {\n value: 'India',\n label: 'India',\n children: [\n { value: 'Mumbai', label: 'Mumbai' }\n ]\n },\n {\n value: 'Iraq',\n label: 'Iraq',\n children: [\n { value: 'Baghdad', label: 'Baghdad' }\n ]\n },\n {\n value: 'Bangladesh',\n label: 'Bangladesh',\n children: [\n { value: 'Dhaka', label: 'Dhaka' }\n ]\n }\n ]\n },\n {\n value: 'Europe',\n label: 'Europe',\n children: [\n {\n value: 'United Kingdom',\n label: 'United Kingdom',\n children: [\n { value: 'London', label: 'London' }\n ]\n },\n {\n value: 'Germany',\n label: 'Germany',\n children: [\n { value: 'Frankfurt', label: 'Frankfurt' },\n ]\n },\n {\n value: 'Netherlands',\n label: 'Netherlands',\n children: [\n { value: 'Amsterdam', label: 'Amsterdam' },\n ]\n },\n {\n value: 'Ireland',\n label: 'Ireland',\n children: [\n { value: 'Dublin', label: 'Dublin' },\n ]\n },\n {\n value: 'France',\n label: 'France',\n children: [\n { value: 'Strasbourg', label: 'Strasbourg' },\n ]\n }\n ]\n },\n ],\n cascaderProps: {\n expandTrigger: 'hover',\n checkStrictly: true\n }\n }\n },\n created() {\n \/\/ \u521d\u59cb\u5316\u6570\u636e\u526f\u672c\n this.filteredList1c = this.deepClone(this.serverList1c)\n this.filteredList2c = this.deepClone(this.serverList2c)\n this.filteredListHighc = this.deepClone(this.serverListHighc)\n this.filteredListHour = this.deepClone(this.serverListHour)\n this.filteredListDisk = this.deepClone(this.serverListDisk)\n },\n watch: {\n searchPath1c(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPath1c = []\n this.filteredList1c = this.deepClone(this.serverList1c)\n }\n },\n searchPath2c(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPath2c = []\n this.filteredList2c = this.deepClone(this.serverList2c)\n }\n },\n searchPathHighc(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPathHighc = []\n this.filteredListHighc = this.deepClone(this.serverListHighc)\n }\n },\n searchPathHour(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPathHour = []\n this.filteredListHour = this.deepClone(this.serverListHour)\n }\n },\n searchPathDisk(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPathDisk = []\n this.filteredListDisk = this.deepClone(this.serverListDisk)\n }\n }\n },\n methods: {\n handleDetail(link) {\n window.open(link);\n },\n \/\/ \u6df1\u5ea6\u514b\u9686\u65b9\u6cd5\n deepClone(source) {\n return JSON.parse(JSON.stringify(source))\n },\n\n \/\/ \u641c\u7d22\u903b\u8f91,1\u6838\u8868\u683c\n handleSearchChange1c() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPath1c = [...this.searchPath1c]\n this.activeSearchPath1c = this.activeSearchPath1c.join('\/')\n this.filteredList1c = this.serverList1c.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPath1c)\n })\n },\n \/\/\u8fd8\u539f\u641c\u7d22\u6846\n handleSearchRevert1c() {\n this.searchPath1c = [];\n this.handleSearchChange1c();\n },\n \/\/ \u641c\u7d22\u903b\u8f91,2\u6838\u8868\u683c\n handleSearchChange2c() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPath2c = [...this.searchPath2c]\n this.activeSearchPath2c = this.activeSearchPath2c.join('\/')\n this.filteredList2c = this.serverList2c.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPath2c)\n })\n },\n handleSearchRevert2c() {\n this.searchPath2c = [];\n this.handleSearchChange2c();\n },\n \/\/ \u641c\u7d22\u903b\u8f91,\u9ad8\u914d\u8868\u683c\n handleSearchChangeHighc() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPathHighc = [...this.searchPathHighc]\n this.activeSearchPathHighc = this.activeSearchPathHighc.join('\/')\n this.filteredListHighc = this.serverListHighc.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPathHighc)\n })\n },\n handleSearchRevertHighc() {\n this.searchPathHighc = [];\n this.handleSearchChangeHighc();\n },\n \/\/ \u641c\u7d22\u903b\u8f91,\u5c0f\u65f6\u4ed8\u8d39\u8868\u683c\n handleSearchChangeHour() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPathHour = [...this.searchPathHour]\n this.activeSearchPathHour = this.activeSearchPathHour.join('\/')\n this.filteredListHour = this.serverListHour.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPathHour)\n })\n },\n handleSearchRevertHour() {\n this.searchPathHour = [];\n this.handleSearchChangeHour();\n },\n \/\/ \u641c\u7d22\u903b\u8f91,\u5927\u78c1\u76d8\u8868\u683c\n handleSearchChangeDisk() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPathDisk = [...this.searchPathDisk]\n this.activeSearchPathDisk = this.activeSearchPathDisk.join('\/')\n this.filteredListDisk = this.serverListDisk.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPathDisk)\n })\n },\n handleSearchRevertDisk() {\n this.searchPathDisk = [];\n this.handleSearchChangeDisk();\n },\n \/\/ \u8def\u5f84\u5339\u914d\u7b97\u6cd5\n matchSearchPath(itemPaths, searchPath) {\n if (!Array.isArray(itemPaths)) return false\n \/\/itemPaths\u53ef\u80fd\u662f\u591a\u4e2a\u56fd\u5bb6\u57ce\u5e02\uff0c\u5faa\u73af\u5224\u65ad\u6bcf\u4e2apath\n for (const path of itemPaths) {\n\n \/\/\u5224\u65adpath\u548csearchPath\u4e24\u4e2a\u6570\u7ec4\u662f\u5426\u5b8c\u5168\u76f8\u540c\n let flag = searchPath.every((val, idx) => {\n return path[idx] === val\n })\n if (flag) {\n return true;\n }\n }\n return false;\n }\n }\n })\n <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Cheap VPS plans Get new VPS deals by email 1 vCPU plans Search Reset {{ scope.row.cpu }} {{ activeSearchPath1c }} ({{ row.location }}) {{ row.location }} Order Provider {{ item.vendor…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":6,"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":6,"date":"2026-11-02T09:56:23","date_gmt":"2026-11-02T09:56:23","guid":{"rendered":"http:\/\/cheapvpshub.com\/?page_id=6"},"modified":"2026-11-03T07:00:59","modified_gmt":"2026-11-03T07:00:59","slug":"index","status":"publish","type":"page","link":"https:\/\/cheapvpshub.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n \n \n Cheap VPS plans<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/element-ui@2.15.14\/lib\/theme-chalk\/index.css\">\n <style>\n .page-container {\n \/* padding: 15px; *\/\n \/* background: #f5f7fa; *\/\n }\n\n .flex-container {\n \/* \u8ba9\u6807\u9898\u548c\u641c\u7d22\u6846\u5728\u4e00\u884c\uff0c\u641c\u7d22\u6846\u5728\u6700\u53f3\u4fa7\uff0c\u6807\u9898\u5728\u4e2d\u95f4 *\/\n display: flex;\n position: relative;\n \/* \u4e3a\u7edd\u5bf9\u5b9a\u4f4d\u5b50\u5143\u7d20\u63d0\u4f9b\u57fa\u51c6 *\/\n width: 100%;\n align-items: center;\n }\n\n .table-title {\n \/*\u5355\u5143\u683c\u6807\u9898\u6837\u5f0f*\/\n \/* color: #333;\n font-size: 18px;\n padding: 12px 0;\n border-left: 4px solid #409EFF;\n padding-left: 10px;\n margin: 20px 0; *\/\n\n text-align: center;\n font-size: 36px;\n color: #333;\n padding-bottom: 10px;\n border-bottom: 2px solid #000;\n margin-bottom: 15px;\n position: relative;\n\n left: 50%;\n \/* \u5b9a\u4f4d\u5230\u884c\u6c34\u5e73\u4e2d\u70b9 *\/\n transform: translateX(-50%);\n }\n\n .table-title::after {\n \/*\u5355\u5143\u683c\u6807\u9898\u52a0\u4e2a\u4e0b\u5212\u7ebf\u9ad8\u4eae\u6837\u5f0f*\/\n text-align: center;\n content: \"\";\n position: absolute;\n bottom: -2px;\n left: 35%;\n width: 30%;\n border-bottom: 2px solid #409EFF;\n }\n\n\n .search-container {\n \/*\u641c\u7d22\u6846\u653e\u5728\u6700\u53f3\u4fa7*\/\n margin-top: 20px;\n margin-bottom: 20px;\n margin-left: auto;\n \/* \u81ea\u52a8\u8fb9\u8ddd\u63a8\u81f3\u6700\u53f3\u4fa7 *\/\n flex-shrink: 0;\n \/* \u7981\u6b62\u538b\u7f29 *\/\n }\n\n \/* wordpress \u4e0eelement\u9009\u62e9\u6846\u51b2\u7a81\uff0c\u4f1a\u591a\u51fa\u4e00\u4e2a\u9009\u62e9\u5708\uff0c\u5e76\u4e14wordpress\u9009\u62e9\u5708\u5305\u542b\u4e86elementui\u9009\u62e9\u5708\uff0c\u53ea\u80fd\u8ba9elementui\u7684\u5708\u9690\u85cf\u6389\uff0c\u8fd9\u6837\u5bfc\u81f4\u5982\u679c\u76f4\u63a5\u6253\u5f00\u8fd9\u4e2a\u9875\u9762\u662f\u65e0\u6cd5\u9009\u62e9\u7684\uff0c\u53ea\u80fd\u5728wordpress\u4e0b\u9009\u62e9 *\/\n \/* \u9690\u85cfelemntu\u5c0f\u5708\u5bb9\u5668 *\/\n .el-radio__inner {\n border: 0 !important;\n \/* \u79fb\u9664\u8fb9\u6846 *\/\n background: transparent !important;\n \/* \u900f\u660e\u80cc\u666f *\/\n width: 0 !important;\n \/* \u5bbd\u5ea6\u6e05\u96f6 *\/\n height: 0 !important;\n \/* \u9ad8\u5ea6\u6e05\u96f6 *\/\n overflow: visible !important;\n \/* \u5141\u8bb8\u5185\u90e8\u5143\u7d20\u6ea2\u51fa *\/\n }\n\n \/* \u628a\u5927\u5708\u653e\u5728\u6700\u4e0a\u5c42 *\/\n .el-radio__input {\n z-index: 1 !important;\n \/* \u63d0\u5347\u5c42\u7ea7 *\/\n position: relative;\n \/* \u6fc0\u6d3bz-index *\/\n\n }\n\n \/* wordpress\u628a\u641c\u7d22\u4e0b\u62c9\u5217\u8868\u7684\u4f4d\u7f6e\u9519\u8bef\uff0c\u4f46\u662f\u8fd9\u6837\u5355\u72ec\u6253\u5f00html\u6837\u5f0f\u6709\u95ee\u9898*\/\n .el-popper[x-placement^=bottom] {\n margin-top: 36px;\n }\n\n \/* \u4ee5\u4e0b\u662f\u684c\u9762\u8868\u683c\u6837\u5f0f --------------------------------------------*\/\n .el-table {\n color: #000 !important;\n \/*\u8868\u5934\u5b57\u4f53*\/\n font-size: 18px;\n }\n\n .el-table th {\n \/*\u8868\u683c\u6570\u636e\u5b57\u4f53*\/\n font-size: 18px !important;\n }\n\n table:not(.variations):not(.shop_table) td,\n table:not(.variations):not(.shop_table) th {\n \/*\u8ba9\u5355\u5143\u683c\u80fd\u653e\u5165\u66f4\u591a\u7684\u5185\u5bb9*\/\n padding-left: 0rem;\n padding-right: 0px !important;\n }\n\n .el-table__cell {\n \/*\u8ba9\u5355\u5143\u683c\u80fd\u653e\u5165\u66f4\u591a\u7684\u5185\u5bb9*\/\n padding-left: 0px !important;\n padding-right: 0px !important;\n }\n\n \/* \u8868\u5934\u9ad8\u7ea7\u7070\u6837\u5f0f *\/\n .el-table thead th {\n background-color: #4a4a4a !important;\n color: #fff !important;\n border-bottom: 2px solid #333 !important;\n }\n\n \/*\u8868\u683c\u5728wordpress\u91cc\u8868\u5934\u548c\u7b2c\u4e00\u884c\u6570\u636e\u6709\u8ddd\u79bb\uff0c\u672c\u8eab\u9875\u9762\u662f\u597d\u7684\uff0c\u53ef\u80fd\u662fwordpress\u6837\u5f0f\u5f71\u54cd*\/\n .el-table__header {\n margin-top: 0px !important;\n margin-bottom: 0px !important;\n margin-left: 0px !important;\n margin-right: 0px !important;\n background: #4a4a4a !important;\n }\n\n .el-table__body {\n margin-top: 0px !important;\n margin-bottom: 0px !important;\n margin-left: 0px !important;\n margin-right: 0px !important;\n }\n\n \/* pc\u8be6\u60c5\u6309\u94ae\u6837\u5f0f\u5b9a\u5236 *\/\n .pc-custom-detail-btn {\n background-color: rgb(50, 157, 63) !important;\n border-color: rgb(50, 157, 63) !important;\n color: #fff !important;\n padding: 8px 15px !important;\n transition: all 0.3s;\n font-size: 18px !important;\n }\n\n .pc-custom-detail-btn:hover {\n \/* pc\u8be6\u60c5\u6309\u94ae\u79fb\u52a8\u9ad8\u4eae *\/\n background-color: rgb(11, 138, 26) !important;\n border-color: rgb(11, 138, 26) !important;\n }\n\n .pc-custom-tutorial-btn {\n \/* pc\u6309\u94ae\u6837\u5f0f\u5b9a\u5236 *\/\n \/* background-color: rgb(50, 157, 63) !important;\n border-color: rgb(50, 157, 63) !important;\n color: #fff !important; *\/\n padding: 8px !important;\n \/* transition: all 0.3s; *\/\n font-size: 18px !important;\n }\n\n \/* \u79fb\u52a8\u7aef\u6309\u94ae\u6837\u5f0f\u5b9a\u5236 *\/\n .mb-custom-detail-btn {\n background-color: rgb(50, 157, 63) !important;\n border-color: rgb(50, 157, 63) !important;\n color: #fff !important;\n padding: 8px 15px !important;\n transition: all 0.3s;\n \/* font-size: 18px !important; *\/\n }\n\n .mb-custom-detail-btn:hover {\n background-color: rgb(11, 138, 26) !important;\n border-color: rgb(11, 138, 26) !important;\n }\n\n .desktop-table {\n width: 100%;\n margin-bottom: 30px;\n }\n\n \/* \u79fb\u52a8\u7aef\u5361\u7247\u6837\u5f0f \u79fb\u52a8\u7aef\u7684\u5b57\u4f53\u6bd4pc\u5c0f\uff0c\u65b9\u4fbf\u5c55\u793a\u66f4\u591a\u5185\u5bb9\uff0c\u79fb\u52a8\u7aef\u6ca1\u7528elementui\u8868\u683c-----------------------------------------------*\/\n .mobile-card {\n background: white;\n border-radius: 8px;\n padding: 15px;\n margin-bottom: 15px;\n box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);\n }\n\n .card-item {\n display: flex;\n justify-content: space-between;\n padding: 8px 0;\n border-bottom: 1px solid #eee;\n }\n\n .card-item:last-child {\n border-bottom: none;\n }\n\n .card-label {\n color: #909399;\n min-width: 80px;\n }\n\n .card-value {\n color: #606266;\n text-align: right;\n max-width: 70%;\n }\n\n @media (max-width: 768px) {\n .desktop-table {\n display: none;\n }\n\n .desktop-search {\n \/* \u4f4d\u7f6e\u641c\u7d22\u6846\u5728\u79fb\u52a8\u7aef\u9690\u85cf *\/\n display: none !important;\n }\n }\n\n @media (min-width: 769px) {\n .mobile-card {\n display: none;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <div id=\"app\">\n <div class=\"vps-subscribe\">\n <p><strong>Get new VPS deals by email<\/strong><\/p>\n <div class=\"tnp tnp-subscription-minimal \"><form action=\"https:\/\/cheapvpshub.com\/wp-admin\/admin-ajax.php?action=tnp&na=s\" method=\"post\" style=\"text-align: center\"><input type=\"hidden\" name=\"nr\" value=\"minimal\">\n<input type=\"hidden\" name=\"nlang\" value=\"\">\n<input class=\"tnp-email\" type=\"email\" required name=\"ne\" value=\"\" placeholder=\"Email address\"><input class=\"tnp-submit\" type=\"submit\" value=\"Subscribe\" style=\"\">\n<\/form><\/div>\n\n <\/div>\n <iframe name=\"vps-sub-frame\" id=\"vps-sub-frame\" hidden><\/iframe>\n <script>\n document.addEventListener('DOMContentLoaded', function () {\n var form = document.querySelector('.vps-subscribe form');\n var frame = document.getElementById('vps-sub-frame');\n if (!form || !frame) return;\n form.target = 'vps-sub-frame';\n form.addEventListener('submit', function () {\n frame.onload = function () {\n var url = '';\n try { url = frame.contentWindow.location.href; } catch (e) {}\n var msg = \"You're subscribed.\";\n if (url.indexOf('nm=error') !== -1) msg = 'This email is already subscribed.';\n var note = document.querySelector('.vps-subscribe-note');\n if (!note) {\n note = document.createElement('p');\n note.className = 'vps-subscribe-note';\n form.parentNode.appendChild(note);\n }\n note.textContent = msg;\n form.style.display = 'none';\n };\n });\n });\n <\/script>\n \n\n <div class=\"page-container\">\n <div id=\"1c\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">1 vCPU plans<\/h2>\n\n <div class=\"search-container desktop-search\">\n <el-cascader v-model=\"searchPath1c\" :options=\"locationOptions\" placeholder=\"City or region\"\n :props=\"{ checkStrictly: true }\" filterable clearable style=\"width: 200px\"><\/el-cascader>\n <el-button type=\"primary\" @click=\"handleSearchChange1c\" style=\"margin-left: 10px\">Search<\/el-button>\n <el-button type=\"primary\" @click=\"handleSearchRevert1c\" style=\"margin-left: 10px\">Reset<\/el-button>\n <\/div>\n <\/div>\n\n \n <el-table :data=\"filteredList1c\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPath1c.length\">\n <span>{{ activeSearchPath1c }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverList1c\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"2c\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">2-3 vCPU plans<\/h2>\n\n <div class=\"search-container desktop-search\">\n <el-cascader v-model=\"searchPath2c\" :options=\"locationOptions\" placeholder=\"City or region\"\n :props=\"{ checkStrictly: true }\" filterable clearable style=\"width: 200px\"><\/el-cascader>\n <el-button type=\"primary\" @click=\"handleSearchChange2c\" style=\"margin-left: 10px\">Search<\/el-button>\n <el-button type=\"primary\" @click=\"handleSearchRevert2c\" style=\"margin-left: 10px\">Reset<\/el-button>\n <\/div>\n <\/div>\n\n \n <el-table :data=\"filteredList2c\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPath2c.length\">\n <span>{{ activeSearchPath2c }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverList2c\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"highc\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">Bigger plans<\/h2>\n\n <div class=\"search-container desktop-search\">\n <el-cascader v-model=\"searchPathHighc\" :options=\"locationOptions\" placeholder=\"City or region\"\n :props=\"{ checkStrictly: true }\" filterable clearable style=\"width: 200px\"><\/el-cascader>\n <el-button type=\"primary\" @click=\"handleSearchChangeHighc\"\n style=\"margin-left: 10px\">Search<\/el-button>\n <el-button type=\"primary\" @click=\"handleSearchRevertHighc\"\n style=\"margin-left: 10px\">Reset<\/el-button>\n <\/div>\n <\/div>\n\n \n <el-table :data=\"filteredListHighc\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPathHighc.length\">\n <span>{{ activeSearchPathHighc }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverListHighc\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"disk\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">Large storage<\/h2>\n <\/div>\n\n \n <el-table :data=\"filteredListDisk\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPathDisk.length\">\n <span>{{ activeSearchPathDisk }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverListDisk\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"hour\">\n <div class=\"flex-container\">\n <h2 class=\"table-title\">Hourly billing, cancel anytime<\/h2>\n\n <div class=\"search-container desktop-search\">\n <el-cascader v-model=\"searchPathHour\" :options=\"locationOptions\" placeholder=\"City or region\"\n :props=\"{ checkStrictly: true }\" filterable clearable style=\"width: 200px\"><\/el-cascader>\n <el-button type=\"primary\" @click=\"handleSearchChangeHour\"\n style=\"margin-left: 10px\">Search<\/el-button>\n <el-button type=\"primary\" @click=\"handleSearchRevertHour\"\n style=\"margin-left: 10px\">Reset<\/el-button>\n <\/div>\n <\/div>\n\n \n <el-table :data=\"filteredListHour\" class=\"desktop-table\" border>\n <el-table-column prop=\"vendor\" label=\"Provider\" width=\"180\"><\/el-table-column>\n <el-table-column prop=\"cpu\" label=\"vCPU\" width=\"70\">\n <template slot-scope=\"scope\">{{ scope.row.cpu }}<\/template>\n <\/el-table-column>\n <el-table-column prop=\"memory\" label=\"RAM\" width=\"70\"><\/el-table-column>\n <el-table-column prop=\"disk\" label=\"Storage\" width=\"120\"><\/el-table-column>\n <el-table-column prop=\"network\" label=\"Bandwidth\" width=\"190\"><\/el-table-column>\n <el-table-column prop=\"location\" label=\"Location\">\n <template slot-scope=\"{row}\">\n <template v-if=\"activeSearchPathHour.length\">\n <span>{{ activeSearchPathHour }}<\/span>\n <span>({{ row.location }})<\/span>\n <\/template>\n <span v-else>{{ row.location }}<\/span>\n <\/template>\n <\/el-table-column>\n <el-table-column prop=\"price\" label=\"Price\" width=\"160\"><\/el-table-column>\n <el-table-column label=\"Order\" width=\"130\">\n <template slot-scope=\"scope\">\n <el-button type=\"success\" class=\"pc-custom-detail-btn\"\n @click=\"handleDetail(scope.row.detailLink)\">\n Order\n <\/el-button>\n <\/template>\n <\/el-table-column>\n <\/el-table>\n\n \n <div v-for=\"(item, index) in serverListHour\" :key=\"index\" class=\"mobile-card\">\n <div class=\"card-item\">\n <span class=\"card-label\">Provider<\/span>\n <span class=\"card-value\">{{ item.vendor }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">vCPU<\/span>\n <span class=\"card-value\">{{ item.cpu }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">RAM<\/span>\n <span class=\"card-value\">{{ item.memory }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Storage<\/span>\n <span class=\"card-value\">{{ item.disk }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Bandwidth<\/span>\n <span class=\"card-value\">{{ item.network }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Location<\/span>\n <span class=\"card-value\">{{ item.location }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <span class=\"card-label\">Price<\/span>\n <span class=\"card-value\">{{ item.price }}<\/span>\n <\/div>\n <div class=\"card-item\">\n <div class=\"card-label\">Order<\/div>\n <div class=\"card-value\">\n <el-button class=\"mb-custom-detail-btn\"\n @click=\"handleDetail(item.detailLink)\">Order<\/el-button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/vue@2.7.16\/dist\/vue.min.js\"><\/script>\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/element-ui@2.15.14\/lib\/index.js\"><\/script>\n\n <script>\n new Vue({\n el: '#app',\n data() {\n return {\n \/\/1\u6838\u6570\u636e\uff0cgit\u6ce8\u91ca\n serverList1c: [\n {\n vendor: 'CloudCone',\n cpu: 1,\n memory: '1 GB',\n disk: '55 GB HDD + small SSD',\n network: '4 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$14.24\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/528\/create?token=ccturns9-stor-vps-1&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 1,\n memory: '1 GB',\n disk: '25 GB SSD',\n network: '4 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$18.25\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/522\/create?token=bday26-vps-1&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'RackNerd',\n cpu: 1,\n memory: '1 GB',\n disk: '20 GB SSD',\n network: '3 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$21.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=952',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n \/\/\u600e\u4e48\u627eDediRock\u7684\u94fe\u63a5\uff0c\u540e\u53f0affiliates\u6240\u6709\u4ea7\u54c1\u91cc\u4e00\u4e2a\u4e2a\u8bd5\u592a\u9ebb\u70e6\u3001\u800c\u4e14\u90a3\u91cc\u9762\u6839\u672c\u4e0d\u5168\u3002\n \/\/ \u5728\u4e0b\u8ba2\u5355\u5de6\u4fa7\u5217\u8868\uff0c\u70b9\u5f00\u5c31\u662f\u76ee\u524d\u6709\u8d27\u7684\u4ea7\u54c1\uff0c\u4f46\u6ca1\u6709pid\uff0c\u7528\u6d4f\u89c8\u5668\u63a7\u5236\u53f0\u6253\u5f00\uff0c\u7528\u68c0\u67e5\u5143\u7d20\u770b\u4ea7\u54c1div\u91cc\u6709\u7acb\u5373\u8d2d\u4e70\u6309\u94ae\u7684<fotter><a>\u5143\u7d20id=product265-order-button,265\u5c31\u662fpid\n {\n vendor: 'DediRock',\n cpu: 1,\n memory: '2 GB',\n disk: '30 GB SSD',\n network: '2 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$10.88\/year',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/dedirock-tutorials\/',\n detailLink: 'https:\/\/billing.dedirock.com\/aff.php?aff=753&pid=265',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'DediRock',\n cpu: 1,\n memory: '2 GB',\n disk: '30 GB SSD',\n network: '2 TB\/mo, 1 Gbps',\n location: 'New York',\n price: '$9.88\/year',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/dedirock-tutorials\/',\n detailLink: 'https:\/\/billing.dedirock.com\/aff.php?aff=753&pid=264',\n locationTree: [[\"Americas\", \"United States\", \"New York\"]]\n },\n {\n vendor: 'DediRock',\n cpu: 1,\n memory: '1 GB',\n disk: '256 GB HDD',\n network: '1 TB\/mo, 1 Gbps',\n location: 'New York',\n price: '$12.88\/year',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/dedirock-tutorials\/',\n detailLink: 'https:\/\/billing.dedirock.com\/aff.php?aff=753&pid=242',\n locationTree: [[\"Americas\", \"United States\", \"New York\"]]\n },\n {\n vendor: 'OWS',\n cpu: 1,\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '2 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.014\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e 1\u6838\u6570\u636e\n filteredList1c: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u5165 1\u6838\u6570\u636e\n searchPath1c: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d\uff0c1\u6838\u6570\u636e\n activeSearchPath1c: [],\n \/\/2\u6838\u6570\u636e\n serverList2c: [\n {\n vendor: 'CloudCone',\n cpu: 3,\n memory: '2 GB',\n disk: '110 GB HDD + small SSD',\n network: '7 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$21.66\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/529\/create?token=ccturns9-stor-vps-2&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 3,\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '7 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$32.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/523\/create?token=bday26-vps-2&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'RackNerd',\n cpu: 2,\n memory: '2.5 GB',\n disk: '35 GB SSD',\n network: '5 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$35.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=953',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n {\n vendor: 'RackNerd',\n cpu: 3,\n memory: '4 GB',\n disk: '60 GB SSD',\n network: '7 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$59.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=954',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 2,\n memory: '4 GB',\n disk: '40 GB SSD',\n network: '2 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.022\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n }\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e2\u6838\u6570\u636e\n filteredList2c: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u51652\u6838\u6570\u636e\n searchPath2c: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d,2\u6838\u6570\u636e\n activeSearchPath2c: [],\n \/\/\u9ad8\u914d\u6570\u636e\n serverListHighc: [\n\n {\n vendor: 'CloudCone',\n cpu: 6,\n memory: '4 GB',\n disk: '220 GB HDD + small SSD',\n network: '10 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$40.88\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/530\/create?token=ccturns9-stor-vps-3&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 10,\n memory: '8 GB',\n disk: '440 GB HDD + small SSD',\n network: '10 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$77.26\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/531\/create?token=ccturns9-stor-vps-4&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 7,\n memory: '4 GB',\n disk: '80 GB SSD',\n network: '10 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$56.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/524\/create?token=bday26-vps-3&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 10,\n memory: '8 GB',\n disk: '170 GB SSD',\n network: '15 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$116.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/525\/create?token=bday26-vps-4&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 12,\n memory: '16 GB',\n disk: '320 GB SSD',\n network: '25 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$229.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/526\/create?token=bday26-vps-5&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'CloudCone',\n cpu: 18,\n memory: '32 GB',\n disk: '640 GB SSD',\n network: '40 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$449.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/vps\/527\/create?token=bday26-vps-6&ref=9927',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]]\n },\n {\n vendor: 'RackNerd',\n cpu: 6,\n memory: '6 GB',\n disk: '100 GB SSD',\n network: '12 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$89.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=955',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n {\n vendor: 'RackNerd',\n cpu: 7,\n memory: '8 GB',\n disk: '150 GB SSD',\n network: '20 TB\/mo, 1 Gbps',\n location: 'Los Angeles, New York, Chicago, Seattle, etc.',\n price: '$119.99\/year',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/racknerd-tutorials\/',\n detailLink: 'https:\/\/my.racknerd.com\/aff.php?aff=12659&pid=956',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"United States\", \"Dallas\"], [\"Americas\", \"United States\", \"Seattle\"], [\"Americas\", \"United States\", \"San Jose\"],\n [\"Americas\", \"Canada\", \"Toronto\"], [\"Europe\", \"Ireland\", \"Dublin\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 4,\n memory: '8 GB',\n disk: '40 GB SSD',\n network: '4 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.06\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 8,\n memory: '16 GB',\n disk: '40 GB SSD',\n network: '6 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.12\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 8,\n memory: '32 GB',\n disk: '40 GB SSD',\n network: '6 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.18\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n }\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e\u9ad8\u914d\u6570\u636e\n filteredListHighc: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u5165\u9ad8\u914d\u6570\u636e\n searchPathHighc: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d,\u9ad8\u914d\u6570\u636e\n activeSearchPathHighc: [],\n \/\/\u5c0f\u65f6\u4ed8\u8d39\u6570\u636e\n serverListHour: [\n\n {\n vendor: 'CloudCone',\n cpu: '1, up to 21',\n memory: '1 GB, up to 32 GB',\n disk: '40 GB SSD, up to 640 GB',\n network: '3 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$5.20\/month',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/compute\/create?ref=9927&cpu=1&ram=1024&disk=20&src=email',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]],\n },\n {\n vendor: 'CloudCone',\n cpu: '1',\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '3 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$7.28\/month',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/compute\/create?ref=9927&cpu=1&ram=2048&disk=40&src=email',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]],\n },\n {\n vendor: 'CloudCone',\n cpu: '2',\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '3 TB\/mo, 1 Gbps',\n location: 'Los Angeles',\n price: '$10.34\/month',\n tutorialLink: 'http:\/\/vpsboy.top\/tutorials\/cloudcone-tutorials\/',\n detailLink: 'https:\/\/app.cloudcone.com.cn\/compute\/create?ref=9927&cpu=2&ram=2048&disk=40&src=email',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"]],\n },\n {\n vendor: 'OWS',\n cpu: 1,\n memory: '2 GB',\n disk: '40 GB SSD',\n network: '2 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.014\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 2,\n memory: '4 GB',\n disk: '40 GB SSD',\n network: '2 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.023\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n },\n {\n vendor: 'OWS',\n cpu: 4,\n memory: '8 GB',\n disk: '40 GB SSD',\n network: '4 GB\/hour',\n location: '20 cities in Asia, Europe, and the Americas',\n price: '$0.063\/hour',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/ows-tutorials\/',\n detailLink: 'https:\/\/my.ows.us\/#\/signUp?inviteCode=vdeGb9JMuhkMedw',\n locationTree: [[\"Americas\", \"United States\", \"San Jose\"], [\"Americas\", \"United States\", \"New York\"], [\"Americas\", \"United States\", \"Chicago\"], [\"Americas\", \"Brazil\", \"Sao Paulo\"], [\"Americas\", \"Mexico\", \"Mexico City\"],\n [\"Europe\", \"United Kingdom\", \"London\"], [\"Europe\", \"Germany\", \"Frankfurt\"], [\"Europe\", \"Netherlands\", \"Amsterdam\"], [\"Asia\", \"Philippines\", \"Manila\"], [\"Asia\", \"Vietnam\", \"Ho Chi Minh City\"], [\"Asia\", \"Thailand\", \"Bangkok\"],\n [\"Asia\", \"South Korea\", \"Seoul\"], [\"Asia\", \"Indonesia\", \"Jakarta\"], [\"Asia\", \"Japan\", \"Tokyo\"], [\"Asia\", \"Singapore\", \"Singapore\"], [\"Asia\", \"Iraq\", \"Baghdad\"], [\"Asia\", \"China\", \"Hong Kong\"], [\"Asia\", \"China\", \"Taipei\"], [\"Asia\", \"Malaysia\", \"Kuala Lumpur\"], [\"Asia\", \"Bangladesh\", \"Dhaka\"]\n ]\n }\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e\u5c0f\u65f6\u4ed8\u8d39\u6570\u636e\n filteredListHour: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u5165\u5c0f\u65f6\u4ed8\u8d39\u6570\u636e\n searchPathHour: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d,\u5c0f\u65f6\u4ed8\u8d39\u6570\u636e\n activeSearchPathHour: [],\n \/\/\u5927\u78c1\u76d8\u6570\u636e\n serverListDisk: [\n {\n vendor: 'InterServer',\n cpu: 1,\n memory: '2 GB',\n disk: '1 TB SATA',\n network: '2 TB\/mo, 10 Gbps',\n location: 'New Jersey, Los Angeles',\n price: '$3\/month, $1.50 the first month',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/interserver-tutorials\/',\n detailLink: 'https:\/\/www.interserver.net\/vps\/storage.html?id=1062281',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New Jersey\"]],\n },\n {\n vendor: 'InterServer',\n cpu: 1,\n memory: '4 GB',\n disk: '2 TB SATA',\n network: '6 TB\/mo, 10 Gbps',\n location: 'New Jersey, Los Angeles',\n price: '$6\/month, $4.50 the first month',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/interserver-tutorials\/',\n detailLink: 'https:\/\/www.interserver.net\/vps\/storage.html?id=1062281',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New Jersey\"]],\n },\n {\n vendor: 'InterServer',\n cpu: 'up to 16',\n memory: 'up to 64 GB',\n disk: 'up to 32 TB SATA',\n network: 'up to 64 TB\/mo, 10 Gbps',\n location: 'New Jersey, Los Angeles',\n price: 'Varies, $1 off the first month',\n tutorialLink: 'https:\/\/vpsboy.top\/tutorials\/interserver-tutorials\/',\n detailLink: 'https:\/\/www.interserver.net\/vps\/storage.html?id=1062281',\n locationTree: [[\"Americas\", \"United States\", \"Los Angeles\"], [\"Americas\", \"United States\", \"New Jersey\"]],\n },\n ]\n ,\n \/\/ \u5c55\u793a\u7528\u6570\u636e\u5927\u78c1\u76d8\u6570\u636e\n filteredListDisk: [],\n \/\/ \u641c\u7d22\u6846\u8f93\u5165\u5927\u78c1\u76d8\u6570\u636e\n searchPathDisk: [],\n \/\/\u786e\u5b9a\u70b9\u51fb\u641c\u7d22\u6309\u94ae\u540e\uff0c\u6267\u884c\u641c\u7d22\u65b9\u6cd5\u540e\uff0c\u8bbe\u7f6e\u503c\uff0c\u65b9\u4fbf\u9875\u9762\u628a\u641c\u7d22\u503c\u663e\u793a\u5728\u7b2c\u4e00\u4f4d,\u5927\u78c1\u76d8\n activeSearchPathDisk: [],\n locationOptions: [\n {\n value: 'Americas',\n label: 'Americas',\n children: [\n {\n value: 'United States',\n label: 'United States',\n children: [\n { value: 'New York', label: 'New York' },\n { value: 'Los Angeles', label: 'Los Angeles' },\n { value: 'Washington', label: 'Washington' },\n { value: 'Chicago', label: 'Chicago' },\n { value: 'Dallas', label: 'Dallas' },\n { value: 'Seattle', label: 'Seattle' },\n { value: 'San Jose', label: 'San Jose' },\n { value: 'Ashburn', label: 'Ashburn' },\n { value: 'St. Louis', label: 'St. Louis' }\n ]\n },\n {\n value: 'Canada',\n label: 'Canada',\n children: [\n { value: 'Toronto', label: 'Toronto' },\n ]\n },\n {\n value: 'Brazil',\n label: 'Brazil',\n children: [\n { value: 'Sao Paulo', label: 'Sao Paulo' },\n ]\n },\n {\n value: 'Mexico',\n label: 'Mexico',\n children: [\n { value: 'Mexico City', label: 'Mexico City' },\n ]\n },\n ]\n },\n {\n value: 'Asia',\n label: 'Asia',\n children: [{\n value: 'China',\n label: 'China',\n children: [\n { value: 'Hong Kong', label: 'Hong Kong' },\n { value: 'Taipei', label: 'Taipei' }\n ],\n },\n {\n value: 'Malaysia',\n label: 'Malaysia',\n children: [\n { value: 'Kuala Lumpur', label: 'Kuala Lumpur' },\n { value: 'Miri', label: 'Miri' }\n ]\n },\n {\n value: 'Philippines',\n label: 'Philippines',\n children: [\n { value: 'Manila', label: 'Manila' }\n ]\n },\n {\n value: 'Vietnam',\n label: 'Vietnam',\n children: [\n { value: 'Ho Chi Minh City', label: 'Ho Chi Minh City' }\n ]\n },\n {\n value: 'Thailand',\n label: 'Thailand',\n children: [\n { value: 'Bangkok', label: 'Bangkok' }\n ]\n },\n {\n value: 'South Korea',\n label: 'South Korea',\n children: [\n { value: 'Seoul', label: 'Seoul' }\n ]\n },\n {\n value: 'Indonesia',\n label: 'Indonesia',\n children: [\n { value: 'Jakarta', label: 'Jakarta' }\n ]\n },\n {\n value: 'Japan',\n label: 'Japan',\n children: [\n { value: 'Tokyo', label: 'Tokyo' }\n ]\n },\n {\n value: 'Singapore',\n label: 'Singapore',\n children: [\n { value: 'Singapore', label: 'Singapore' }\n ]\n },\n {\n value: 'India',\n label: 'India',\n children: [\n { value: 'Mumbai', label: 'Mumbai' }\n ]\n },\n {\n value: 'Iraq',\n label: 'Iraq',\n children: [\n { value: 'Baghdad', label: 'Baghdad' }\n ]\n },\n {\n value: 'Bangladesh',\n label: 'Bangladesh',\n children: [\n { value: 'Dhaka', label: 'Dhaka' }\n ]\n }\n ]\n },\n {\n value: 'Europe',\n label: 'Europe',\n children: [\n {\n value: 'United Kingdom',\n label: 'United Kingdom',\n children: [\n { value: 'London', label: 'London' }\n ]\n },\n {\n value: 'Germany',\n label: 'Germany',\n children: [\n { value: 'Frankfurt', label: 'Frankfurt' },\n ]\n },\n {\n value: 'Netherlands',\n label: 'Netherlands',\n children: [\n { value: 'Amsterdam', label: 'Amsterdam' },\n ]\n },\n {\n value: 'Ireland',\n label: 'Ireland',\n children: [\n { value: 'Dublin', label: 'Dublin' },\n ]\n },\n {\n value: 'France',\n label: 'France',\n children: [\n { value: 'Strasbourg', label: 'Strasbourg' },\n ]\n }\n ]\n },\n ],\n cascaderProps: {\n expandTrigger: 'hover',\n checkStrictly: true\n }\n }\n },\n created() {\n \/\/ \u521d\u59cb\u5316\u6570\u636e\u526f\u672c\n this.filteredList1c = this.deepClone(this.serverList1c)\n this.filteredList2c = this.deepClone(this.serverList2c)\n this.filteredListHighc = this.deepClone(this.serverListHighc)\n this.filteredListHour = this.deepClone(this.serverListHour)\n this.filteredListDisk = this.deepClone(this.serverListDisk)\n },\n watch: {\n searchPath1c(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPath1c = []\n this.filteredList1c = this.deepClone(this.serverList1c)\n }\n },\n searchPath2c(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPath2c = []\n this.filteredList2c = this.deepClone(this.serverList2c)\n }\n },\n searchPathHighc(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPathHighc = []\n this.filteredListHighc = this.deepClone(this.serverListHighc)\n }\n },\n searchPathHour(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPathHour = []\n this.filteredListHour = this.deepClone(this.serverListHour)\n }\n },\n searchPathDisk(newVal) {\n \/\/ \u6e05\u7a7a\u641c\u7d22\u6846\u65f6\uff0c\u8fd8\u539f\u8868\u683c\u521d\u59cb\u6570\u636e\n if (newVal.length === 0) {\n this.activeSearchPathDisk = []\n this.filteredListDisk = this.deepClone(this.serverListDisk)\n }\n }\n },\n methods: {\n handleDetail(link) {\n window.open(link);\n },\n \/\/ \u6df1\u5ea6\u514b\u9686\u65b9\u6cd5\n deepClone(source) {\n return JSON.parse(JSON.stringify(source))\n },\n\n \/\/ \u641c\u7d22\u903b\u8f91,1\u6838\u8868\u683c\n handleSearchChange1c() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPath1c = [...this.searchPath1c]\n this.activeSearchPath1c = this.activeSearchPath1c.join('\/')\n this.filteredList1c = this.serverList1c.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPath1c)\n })\n },\n \/\/\u8fd8\u539f\u641c\u7d22\u6846\n handleSearchRevert1c() {\n this.searchPath1c = [];\n this.handleSearchChange1c();\n },\n \/\/ \u641c\u7d22\u903b\u8f91,2\u6838\u8868\u683c\n handleSearchChange2c() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPath2c = [...this.searchPath2c]\n this.activeSearchPath2c = this.activeSearchPath2c.join('\/')\n this.filteredList2c = this.serverList2c.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPath2c)\n })\n },\n handleSearchRevert2c() {\n this.searchPath2c = [];\n this.handleSearchChange2c();\n },\n \/\/ \u641c\u7d22\u903b\u8f91,\u9ad8\u914d\u8868\u683c\n handleSearchChangeHighc() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPathHighc = [...this.searchPathHighc]\n this.activeSearchPathHighc = this.activeSearchPathHighc.join('\/')\n this.filteredListHighc = this.serverListHighc.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPathHighc)\n })\n },\n handleSearchRevertHighc() {\n this.searchPathHighc = [];\n this.handleSearchChangeHighc();\n },\n \/\/ \u641c\u7d22\u903b\u8f91,\u5c0f\u65f6\u4ed8\u8d39\u8868\u683c\n handleSearchChangeHour() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPathHour = [...this.searchPathHour]\n this.activeSearchPathHour = this.activeSearchPathHour.join('\/')\n this.filteredListHour = this.serverListHour.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPathHour)\n })\n },\n handleSearchRevertHour() {\n this.searchPathHour = [];\n this.handleSearchChangeHour();\n },\n \/\/ \u641c\u7d22\u903b\u8f91,\u5927\u78c1\u76d8\u8868\u683c\n handleSearchChangeDisk() {\n \/\/ \u6267\u884c\u8fc7\u6ee4\n this.activeSearchPathDisk = [...this.searchPathDisk]\n this.activeSearchPathDisk = this.activeSearchPathDisk.join('\/')\n this.filteredListDisk = this.serverListDisk.filter(item => {\n return this.matchSearchPath(item.locationTree, this.searchPathDisk)\n })\n },\n handleSearchRevertDisk() {\n this.searchPathDisk = [];\n this.handleSearchChangeDisk();\n },\n \/\/ \u8def\u5f84\u5339\u914d\u7b97\u6cd5\n matchSearchPath(itemPaths, searchPath) {\n if (!Array.isArray(itemPaths)) return false\n \/\/itemPaths\u53ef\u80fd\u662f\u591a\u4e2a\u56fd\u5bb6\u57ce\u5e02\uff0c\u5faa\u73af\u5224\u65ad\u6bcf\u4e2apath\n for (const path of itemPaths) {\n\n \/\/\u5224\u65adpath\u548csearchPath\u4e24\u4e2a\u6570\u7ec4\u662f\u5426\u5b8c\u5168\u76f8\u540c\n let flag = searchPath.every((val, idx) => {\n return path[idx] === val\n })\n if (flag) {\n return true;\n }\n }\n return false;\n }\n }\n })\n <\/script>\n<\/body>\n\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Cheap VPS plans Get new VPS deals by email 1 vCPU plans Search Reset {{ scope.row.cpu }} {{ activeSearchPath1c }} ({{ row.location }}) {{ row.location }} Order Provider {{ item.vendor…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":6,"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":32,"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/32"}],"wp:attachment":[{"href":"https:\/\/cheapvpshub.com\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}