升级到离子6 |betway东盟体育appbetway东盟体育app离子文档<///title> <link rel="stylesheet" href="//www.jesscamp.com/docs/assets/css/styles.c55edcea.css"> </head> <body> <noscript> <iframe src="https://www.jesscamp.com/ns.html?id=GTM-TKMGCBC" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <div id="__docusaurus"> <div> <a href="#" class="skipToContent_1oUP">跳过主要内容<//a> </div> <nav class="navbar navbar--fixed-top navbarHideable_2qcr"> <div class="navbar__inner"> <div class="navbar__items"> <button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"> <svg width="30" height="30" viewbox="0 0 30 30" aria-hidden="true"> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path> </svg></button> <a class="navbar__brand" target="_self" href="//www.jesscamp.com/docs/"> <div class="navbar__logo"> <img src="//www.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="站点徽标“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"> <img src="//www.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="站点徽标“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"> </div></a> <a class="navbar__item navbar__link navbar__link--active" href="//www.jesscamp.com/docs/">指导<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/components">成分<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/cli">CLI<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/native">本国的<//a> <a position="left" href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6" class="cta">betway东盟体育app离子V6.0.0升级指南<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewbox="0 0 512 512" width="12" height="12"> <title>箭头向前<//title> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"></path> </svg></a> </div> <div class="navbar__items navbar__items--right"> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link" href="//www.jesscamp.com/docs/">v6<//a> <ul class="dropdown__menu"> <li><a aria-current="page" class="dropdown__link dropdown__link--active" href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6">v6<//a></li> <li><a class="dropdown__link" href="//www.jesscamp.com/docs/v5/">v5<//a></li> <li><a href="//www.jesscamp.com/docs/v4/components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4<//a></li> <li><a href="//www.jesscamp.com/docs/v3/" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3<//a></li> </ul> </div> <div class="searchBox_1Doo"> <button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"> <svg width="20" height="20" class="DocSearch-Search-Icon" viewbox="0 0 20 20"> <path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path> </svg><span class="DocSearch-Button-Placeholder">搜索<//span></span><span class="DocSearch-Button-Keys"></span></button> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--community">社区<//a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/community" target="_blank" class="dropdown__link"><span>社区中心<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/forum/" target="_blank" class="dropdown__link"><span>论坛<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://www.meetup.com/topics/ionic-framework/" target="_blank" class="dropdown__link"><span>聚会<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/blog/" target="_blank" class="dropdown__link"><span>博客<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://twitter.com/ionicframework" target="_blank" class="dropdown__link"><span>推特<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--support">支持<//a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/support" target="_blank" class="dropdown__link"><span>帮助中心<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://ionic.zendesk.com/" target="_blank" class="dropdown__link"><span>客户支持<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/advisory" target="_blank" class="dropdown__link"><span>企业咨询<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div position="right" class="separator"></div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a href="#" class="navbar__link icon-link language navbar__item"><span> <svg viewbox="0 0 20 20" width="20" height="20" aria-hidden="true" class="iconLanguage_3vod"> <path fill="currentColor" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"></path> </svg><span>英语<//span></span></a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" style="text-transform:capitalize">英语<//a></li> <li><a href="//www.jesscamp.com/docs/ja/intro/upgrading-to-ionic-6" target="_self" rel="noopener noreferrer" class="dropdown__link" style="text-transform:capitalize">日本语<//a></li> <li><a href="//www.jesscamp.com/translate" target="_blank" class="dropdown__link"><span>翻译<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <a position="right" class="icon-link navbar__item" href="https://twitter.com/Ionicframework" target="_blank"><img src="//www.jesscamp.com/docs/logos/twitter.svg" alt="Twitter徽标“><//a> <a position="right" class="icon-link navbar__item" href="https://github.com/ionic-team/ionic-framework" target="_blank"><img src="//www.jesscamp.com/docs/logos/github.svg" alt="github徽标“><//a> <a position="right" class="icon-link navbar__item" href="https://ionic.link/discord" target="_blank"><img src="//www.jesscamp.com/docs/logos/discord.svg" alt="不和谐徽标“><//a> <div class="toggle_71bT toggle_3Zt9 toggleDisabled_3cF-"> <div class="toggleTrack_32Fl" role="button" tabindex="-1"> <div class="toggleTrackCheck_3lV7"> <span class="toggleIcon_O4iE"><//span> </div> <div class="toggleTrackX_S2yS"> <span class="toggleIcon_O4iE"><//span> </div> <div class="toggleTrackThumb_xI_Z"></div> </div> <input type="checkbox" class="toggleScreenReader_28Tw" aria-label="Switch between dark and light mode"> </div> </div> </div> <div role="presentation" class="navbar-sidebar__backdrop"></div> </nav> <div class="main-wrapper docs-wrapper docs-doc-page"> <div class="docPage_3AUJ"> <button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_35hR" type="button"></button> <aside class="docSidebarContainer_2LAn"> <a target="_self" href="//www.jesscamp.com/docs/"><img src="//www.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="站点徽标“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"><img src="//www.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="站点徽标“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"></a> <div class="sidebar_15mo sidebarWithHideableNavbar_267A"> <a tabindex="-1" class="sidebarLogo_3h0W" target="_self" href="//www.jesscamp.com/docs/"><img src="//www.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="站点徽标“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"><img src="//www.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="站点徽标“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"></a> <nav class="menu thin-scrollbar menu_Bmed"> <ul class="theme-doc-sidebar-menu menu__list"> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist menu__link--active" href="#">入门<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/">概述<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="0" href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6">升级到离子6betway东盟体育app<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/environment">环境设置<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/cli">CLI安装<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/cdn">包装和CDN<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/intro/next">下一步<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">发展<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/starting">开始<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/previewing">预览<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/scaffolding">脚手架<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/ios">为iOS开发<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/android">为Android开发<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/tips">开发技巧<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/hardware-back-button">硬件后按钮<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/developing/keyboard">键盘<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">布局<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/layout/structure">结构<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/layout/grid">响应式网格<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/layout/global-stylesheets">全球样式表<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/layout/css-utilities">CSS公用事业<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">主题<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/basics">基本<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/platform-styles">平台样式<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/css-variables">CSS变量<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/css-shadow-parts">CSS阴影零件<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/colors">颜色<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/themes">主题<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/dark-mode">黑暗模式<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/advanced">先进的<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/theming/color-generator">颜色生成器<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">角<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/overview">概述<//a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#" tabindex="0">构建您的第一个应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/lifecycle">生命周期<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/navigation">导航/路由<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/virtual-scroll">虚拟滚动<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/slides">幻灯片<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/config">config<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/platform">平台<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/testing">测试<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/storage">贮存<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/performance">表现<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/angular/pwa">渐进的网络应用程序<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">反应<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react">概述<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/quickstart">快速开始<//a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#" tabindex="0">构建您的第一个应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/lifecycle">生命周期<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/navigation">导航/路由<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/virtual-scroll">虚拟滚动<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/slides">幻灯片<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/config">config<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/platform">平台<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/pwa">渐进的网络应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/overlays">覆盖<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/storage">贮存<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/testing">测试<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/react/performance">表现<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">Vue<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/overview">概述<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/quickstart">快速开始<//a></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-2 menu__list-item menu__list-item--collapsed"><a class="menu__link menu__link--sublist" href="#" tabindex="0">构建您的第一个应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/lifecycle">生命周期<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/navigation">导航/路由<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/virtual-scroll">虚拟滚动<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/slides">幻灯片<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/utility-functions">实用程序功能<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/config">config<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/platform">平台<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/pwa">渐进的网络应用程序<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/storage">贮存<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/testing">测试<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/troubleshooting">故障排除<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/vue/performance">表现<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">公用事业<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/utilities/animations">动画<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/utilities/gestures">手势<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">部署<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/deployment/app-store">iOS应用商店<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/deployment/play-store">Android Play商店<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/deployment/progressive-web-app">渐进式网络应用程序（PWA）<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/deployment/desktop-app">电子桌面应用<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">技术<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/techniques/security">安全<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">故障排除<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/debugging">调试<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/build">构建错误<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/runtime">运行时问题<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/native">本地错误<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/troubleshooting/cors">犯错<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">核心概念<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/core-concepts/fundamentals">基本面<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/core-concepts/cross-platform">跨平台<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/core-concepts/webview">网络视图<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/core-concepts/what-are-progressive-web-apps">什么是PWA？<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">贡献<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/contributing/how-to-contribute">如何做出贡献<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/contributing/coc">行为守则<//a></li> </ul></li> <li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><a class="menu__link menu__link--sublist" href="#">参考<//a> <ul style="display:block;overflow:visible;height:auto" class="menu__list"> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/glossary">词汇表<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/versioning">版本控制<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/release-notes">发行说明<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a href="https://github.com/ionic-team/ionic/blob/master/CHANGELOG.md" target="_blank" rel="noopener noreferrer" class="menu__link" tabindex="0"><span>Github Changelog<svg width="13.5" height="13.5" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/support">支持政策<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/browser-support">浏览器支持<//a></li> <li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="//www.jesscamp.com/docs/reference/migration">移民<//a></li> </ul></li> </ul> </nav> </div> </aside> <div> <nav class="navbar navbar--fixed-top navbarHideable_2qcr"> <div class="navbar__inner"> <div class="navbar__items"> <button aria-label="Navigation bar toggle" class="navbar__toggle clean-btn" type="button" tabindex="0"> <svg width="30" height="30" viewbox="0 0 30 30" aria-hidden="true"> <path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path> </svg></button> <a class="navbar__brand" target="_self" href="//www.jesscamp.com/docs/"> <div class="navbar__logo"> <img src="//www.jesscamp.com/docs/logos/ionic-text-docs-dark.svg" alt="站点徽标“class="themedImage_1VuW themedImage--light_3UqQ" height="28" width="139"> <img src="//www.jesscamp.com/docs/logos/ionic-text-docs-light.svg" alt="站点徽标“class="themedImage_1VuW themedImage--dark_hz6m" height="28" width="139"> </div></a> <a class="navbar__item navbar__link navbar__link--active" href="//www.jesscamp.com/docs/">指导<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/components">成分<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/cli">CLI<//a> <a class="navbar__item navbar__link" href="//www.jesscamp.com/docs/native">本国的<//a> <a position="left" href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6" class="cta">betway东盟体育app离子V6.0.0升级指南<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewbox="0 0 512 512" width="12" height="12"> <title>箭头向前<//title> <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="48" d="M268 112l144 144-144 144M392 256H100"></path> </svg></a> </div> <div class="navbar__items navbar__items--right"> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link" href="//www.jesscamp.com/docs/">v6<//a> <ul class="dropdown__menu"> <li><a aria-current="page" class="dropdown__link dropdown__link--active" href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6">v6<//a></li> <li><a class="dropdown__link" href="//www.jesscamp.com/docs/v5/">v5<//a></li> <li><a href="//www.jesscamp.com/docs/v4/components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4<//a></li> <li><a href="//www.jesscamp.com/docs/v3/" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3<//a></li> </ul> </div> <div class="searchBox_1Doo"> <button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"> <svg width="20" height="20" class="DocSearch-Search-Icon" viewbox="0 0 20 20"> <path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path> </svg><span class="DocSearch-Button-Placeholder">搜索<//span></span><span class="DocSearch-Button-Keys"></span></button> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--community">社区<//a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/community" target="_blank" class="dropdown__link"><span>社区中心<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/forum/" target="_blank" class="dropdown__link"><span>论坛<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://www.meetup.com/topics/ionic-framework/" target="_blank" class="dropdown__link"><span>聚会<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/blog/" target="_blank" class="dropdown__link"><span>博客<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://twitter.com/ionicframework" target="_blank" class="dropdown__link"><span>推特<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a class="navbar__link navbar__link--support">支持<//a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/support" target="_blank" class="dropdown__link"><span>帮助中心<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="https://ionic.zendesk.com/" target="_blank" class="dropdown__link"><span>客户支持<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> <li><a href="//www.jesscamp.com/advisory" target="_blank" class="dropdown__link"><span>企业咨询<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <div position="right" class="separator"></div> <div class="navbar__item dropdown dropdown--hoverable dropdown--right"> <a href="#" class="navbar__link icon-link language navbar__item"><span> <svg viewbox="0 0 20 20" width="20" height="20" aria-hidden="true" class="iconLanguage_3vod"> <path fill="currentColor" d="M19.753 10.909c-.624-1.707-2.366-2.726-4.661-2.726-.09 0-.176.002-.262.006l-.016-2.063 3.525-.607c.115-.019.133-.119.109-.231-.023-.111-.167-.883-.188-.976-.027-.131-.102-.127-.207-.109-.104.018-3.25.461-3.25.461l-.013-2.078c-.001-.125-.069-.158-.194-.156l-1.025.016c-.105.002-.164.049-.162.148l.033 2.307s-3.061.527-3.144.543c-.084.014-.17.053-.151.143.019.09.19 1.094.208 1.172.018.08.072.129.188.107l2.924-.504.035 2.018c-1.077.281-1.801.824-2.256 1.303-.768.807-1.207 1.887-1.207 2.963 0 1.586.971 2.529 2.328 2.695 3.162.387 5.119-3.06 5.769-4.715 1.097 1.506.256 4.354-2.094 5.98-.043.029-.098.129-.033.207l.619.756c.08.096.206.059.256.023 2.51-1.73 3.661-4.515 2.869-6.683zm-7.386 3.188c-.966-.121-.944-.914-.944-1.453 0-.773.327-1.58.876-2.156a3.21 3.21 0 011.229-.799l.082 4.277a2.773 2.773 0 01-1.243.131zm2.427-.553l.046-4.109c.084-.004.166-.01.252-.01.773 0 1.494.145 1.885.361.391.217-1.023 2.713-2.183 3.758zm-8.95-7.668a.196.196 0 00-.196-.145h-1.95a.194.194 0 00-.194.144L.008 16.916c-.017.051-.011.076.062.076h1.733c.075 0 .099-.023.114-.072l1.008-3.318h3.496l1.008 3.318c.016.049.039.072.113.072h1.734c.072 0 .078-.025.062-.076-.014-.05-3.083-9.741-3.494-11.04zm-2.618 6.318l1.447-5.25 1.447 5.25H3.226z"></path> </svg><span>英语<//span></span></a> <ul class="dropdown__menu"> <li><a href="//www.jesscamp.com/docs/intro/upgrading-to-ionic-6" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" style="text-transform:capitalize">英语<//a></li> <li><a href="//www.jesscamp.com/docs/ja/intro/upgrading-to-ionic-6" target="_self" rel="noopener noreferrer" class="dropdown__link" style="text-transform:capitalize">日本语<//a></li> <li><a href="//www.jesscamp.com/translate" target="_blank" class="dropdown__link"><span>翻译<svg width="12" height="12" aria-hidden="true" viewbox="0 0 24 24" class="iconExternalLink_3J9K"> <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path> </svg></span></a></li> </ul> </div> <a position="right" class="icon-link navbar__item" href="https://twitter.com/Ionicframework" target="_blank"><img src="//www.jesscamp.com/docs/logos/twitter.svg" alt="Twitter徽标“><//a> <a position="right" class="icon-link navbar__item" href="https://github.com/ionic-team/ionic-framework" target="_blank"><img src="//www.jesscamp.com/docs/logos/github.svg" alt="github徽标“><//a> <a position="right" class="icon-link navbar__item" href="https://ionic.link/discord" target="_blank"><img src="//www.jesscamp.com/docs/logos/discord.svg" alt="不和谐徽标“><//a> <div class="toggle_71bT toggle_3Zt9 toggleDisabled_3cF-"> <div class="toggleTrack_32Fl" role="button" tabindex="-1"> <div class="toggleTrackCheck_3lV7"> <span class="toggleIcon_O4iE"><//span> </div> <div class="toggleTrackX_S2yS"> <span class="toggleIcon_O4iE"><//span> </div> <div class="toggleTrackThumb_xI_Z"></div> </div> <input type="checkbox" class="toggleScreenReader_28Tw" aria-label="Switch between dark and light mode"> </div> </div> </div> <div role="presentation" class="navbar-sidebar__backdrop"></div> </nav> <main class="docMainContainer_2AUC"> <div class="container padding-top--md padding-bottom--lg"> <div class="row"> <div class="col docItemCol_2rXS"> <div class="docItemContainer_1EXp"> <article> <span class="theme-doc-version-badge badge badge--secondary">版本：v6<//span> <div class="tocCollapsible_1PrD theme-doc-toc-mobile tocMobile_Ftrd"> <button type="button" class="clean-btn tocCollapsibleButton_2O1e">在本页面<//button> </div> <div class="theme-doc-markdown markdown"> <header> <h1>升级到离子6betway东盟体育app<//h1> </header> <p>遵循本指南，将离子5个应用程序升级到离子6。betway东盟体育app<//p> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="getting-started">入门<a aria-hidden="true" class="hash-link" href="#getting-started" title=""></a></h2> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="angular">角<a aria-hidden="true" class="hash-link" href="#angular" title=""></a></h3> <ol> <li>betway东盟体育app离子6支持Angular 12+。通过关注<a href="https://update.angular.io/" target="_blank" rel="noopener noreferrer">角更新指南<//a>。<//li> <li>更新到最新版本的Ionic 6：betway东盟体育app<//li> </ol> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token function">NPM<//span><span class="token plain"></span><span class="token function">安装<//span><span class="token plain">@betway东盟体育appionic/angular@6<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>如果您使用的是Ionic Angubetway东盟体育applar Server，请务必更新它：<//p> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token function">NPM<//span><span class="token plain"></span><span class="token function">安装<//span><span class="token plain">@betway东盟体育appionic/angular@6@ionic/angular-server@6<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <ol start="3"> <li>删除任何用法<code>config.set（）<//code>。相反，将您的配置设置为<code>betway东盟体育appionicModule.forroot（）<//code>。看到<a href="//www.jesscamp.com/docs/angular/config">Angular配置文档<//a>有关更多示例。<//li> <li>删除任何用法<code>setupConfig<//code>以前从导出的功能<code>@betway东盟体育app离子/角度<//code>。设置您的配置<code>betway东盟体育appionicModule.forroot（）<//code>反而。<//li> </ol> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="react">反应<a aria-hidden="true" class="hash-link" href="#react" title=""></a></h3> <ol> <li>betway东盟体育app离子6支持React 17+。更新到最新版本的React：<///li> </ol> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token function">NPM<//span><span class="token plain"></span><span class="token function">安装<//span><span class="token plain">react@最新react-dom@最新<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <ol start="2"> <li>更新到最新版本的Ionic 6：betway东盟体育app<//li> </ol> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token function">NPM<//span><span class="token plain"></span><span class="token function">安装<//span><span class="token plain">@betway东盟体育appionic/react@6@ionic/react-router@6<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <ol start="3"> <li>更新<code>测试<//code>字段<code>脚本<//code>你的对象<code>package.json<//code>包括<code>TransformignorePatterns<//code>：<//li> </ol> <div class="codeBlockContainer_K1bP language-json"> <div class="codeBlockContent_hGly json"> <pre tabindex="0" class="prism-code language-json codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token property">“脚本”<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token property">“测试”<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">“ React-Scripts测试-TransFormignorePatterns'node_modules/（？！（@ionicbetway东盟体育app/react/react |@ionic/react-router |@ionic/core/core |@ionic/core |@stencil/core | ionicons）/）''<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <ol start="4"> <li>导入并致电<code>设置反应betway东盟体育app<//code>在你的<code>应用程序<//code>组件文件。如果您也正在使用<code>setupConfig<//code>，将您的配置传递给<code>设置反应betway东盟体育app<//code>反而：<//li> </ol> <p><strong>前<//strong></p> <div class="codeBlockContainer_K1bP language-tsx"> <div class="codeBlockTitle_eoMF"> app.tsx<//div> <div class="codeBlockContent_hGly tsx"> <pre tabindex="0" class="prism-code language-tsx codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token keyword">进口<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain">setupConfig<//span><span class="token punctuation">}<///span><span class="token plain"></span><span class="token keyword">从<//span><span class="token plain"></span><span class="token string">'@betway东盟体育appionic/react'<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token operator">...<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function">setupConfig<//span><span class="token punctuation">（（<//span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">模式<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'MD'<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">）<//span><span class="token punctuation">;<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p><strong>后<//strong></p> <div class="codeBlockContainer_K1bP language-tsx"> <div class="codeBlockTitle_eoMF"> app.tsx<//div> <div class="codeBlockContent_hGly tsx"> <pre tabindex="0" class="prism-code language-tsx codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token keyword">进口<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain">设置反应betway东盟体育app<//span><span class="token punctuation">}<///span><span class="token plain"></span><span class="token keyword">从<//span><span class="token plain"></span><span class="token string">'@betway东盟体育appionic/react'<//span><span class="token punctuation">;<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token operator">...<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function">设置反应betway东盟体育app<//span><span class="token punctuation">（（<//span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">模式<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'MD'<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">）<//span><span class="token punctuation">;<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <div class="admonition admonition-note alert alert--secondary"> <div class="admonition-heading"> <h5><span class="admonition-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewbox="0 0 14 16"> <path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path> </svg></span>笔记<//h5> </div> <div class="admonition-content"> <p>开发人员必须导入并致电<code>设置反应betway东盟体育app<//code>即使他们没有设置自定义配置。<//p> </div> </div> <p>看到<a href="//www.jesscamp.com/docs/react/config">React配置文档<//a>有关更多示例。<//p> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="vue">Vue<a aria-hidden="true" class="hash-link" href="#vue" title=""></a></h3> <ol> <li>betway东盟体育app离子6支持VUE 3.0.6+。更新到最新版本的VUE：<///li> </ol> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token function">NPM<//span><span class="token plain"></span><span class="token function">安装<//span><span class="token plain">vue@3 vue-router@4<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <ol start="2"> <li>对于使用VUE CLI的应用程序，请安装Vue CLI 5：<//li> </ol> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token function">NPM<//span><span class="token plain"></span><span class="token function">安装<//span><span class="token plain">-g @vue/cli @next<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>然后，升级所有VUE CLI插件：<//p> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">VUE升级 - next<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <ol start="3"> <li>更新到最新版本的Ionic 6：betway东盟体育app<//li> </ol> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token function">NPM<//span><span class="token plain"></span><span class="token function">安装<//span><span class="token plain">@betway东盟体育appionic/vue@6@ionic/vue-router@6<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <ol start="4"> <li>添加以下内容<code>TransformignorePatterns<//code>要点<code>jest.config.js<//code>或者<code>笑话<//code>字段中<code>package.json<//code>：<//li> </ol> <div class="codeBlockContainer_K1bP language-js"> <div class="codeBlockTitle_eoMF"> jest.config.js<//div> <div class="codeBlockContent_hGly js"> <pre tabindex="0" class="prism-code language-js codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">模块<//span><span class="token punctuation">。<//span><span class="token property-access">出口<//span><span class="token plain"></span><span class="token operator">=<///span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token spread operator">...<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">TransformignorePatterns<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">[[<///span><span class="token string">'/node_modules/（？！@betway东盟体育appionic/vue |@ionic/vue-router |@ionic/core |@ionic/core |@stilen/core | ionicons）''<//span><span class="token punctuation">这是给予的<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <div class="codeBlockContainer_K1bP language-json"> <div class="codeBlockTitle_eoMF"> package.json<//div> <div class="codeBlockContent_hGly json"> <pre tabindex="0" class="prism-code language-json codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token property">“笑话”<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token property">“ transformignorepatterns”<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">[[<///span><span class="token string">“/node_modules/（？！@betway东盟体育appionic/vue |@ionic/vue-router |@ionic/core |@ionic/core |@stilen/core | ionicons）”<//span><span class="token punctuation">这是给予的<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>看到<a href="#testing">下面的测试部分<//a>了解更多信息。<//p> <ol start="5"> <li><p>删除任何用法<code>setupConfig<//code>以前从导出的功能<code>@betway东盟体育appionic/vue<//code>。安装时设置配置<code>betway东盟体育appIonicvue<//code>插件。看到<a href="//www.jesscamp.com/docs/vue/config">VUE配置文档<//a>有关更多示例。<//p></li> <li><p>重命名<code>离子<//code>输入<code>UseionRouter<//code>至<code>UseionRouterResult<//code>。<//p></li> <li><p>重命名<code>IonkeyboardRef<//code>输入<code>UseKeyboard<//code>至<code>UseKeyboardResult<//code>。<//p></li> <li><p>重命名所有使用新格式的覆盖事件听众：<//p></li> </ol> <p><strong>前<//strong></p> <div class="codeBlockContainer_K1bP language-html"> <div class="codeBlockContent_hGly html"> <pre tabindex="0" class="prism-code language-html codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token tag punctuation"><<///span><span class="token tag">离子模式<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">：开了<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">Modalopenref<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">@OnwillPresent<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">OnModalWillPresentHandler<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">@ -didpresent<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">OnmodaldIdPresentHandler<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">@Onwilldismiss<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">Onmodalwilldismisshandler<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">@dodiddismiss<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">Onmodaldiddismisshandler<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><//<//span><span class="token tag">离子模式<//span><span class="token tag punctuation">><///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p><strong>后<//strong></p> <div class="codeBlockContainer_K1bP language-html"> <div class="codeBlockContent_hGly html"> <pre tabindex="0" class="prism-code language-html codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token tag punctuation"><<///span><span class="token tag">离子模式<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">：开了<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">Modalopenref<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">@willpresent<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">OnModalWillPresentHandler<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">@didpresent<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">OnmodaldIdPresentHandler<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">@willdismiss<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">Onmodalwilldismisshandler<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag attr-name">@diddismiss<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">Onmodaldiddismisshandler<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag"></span><br></span><span class="token-line"><span class="token tag"></span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><//<//span><span class="token tag">离子模式<//span><span class="token tag punctuation">><///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <div class="admonition admonition-note alert alert--secondary"> <div class="admonition-heading"> <h5><span class="admonition-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewbox="0 0 14 16"> <path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path> </svg></span>笔记<//h5> </div> <div class="admonition-content"> <p>这适用于<code>离子表演表<//code>，，，，<code>离子效果<//code>，，，，<code>离子加载<//code>，，，，<code>离子模式<//code>，，，，<code>离子挑选<//code>，，，，<code>离子流行<//code>，和<code>离子对象<//code>。<//p> </div> </div> <ol start="9"> <li>通过<code>离子旋律释放<//code>进入任何<code>离子标签<//code>正在使用：<//li> </ol> <p><strong>前<//strong></p> <div class="codeBlockContainer_K1bP language-html"> <div class="codeBlockContent_hGly html"> <pre tabindex="0" class="prism-code language-html codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token tag punctuation"><<///span><span class="token tag">离子标签<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><<///span><span class="token tag">离子-Tab-bar<//span><span class="token tag"></span><span class="token tag attr-name">投币口<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">底部<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><//<//span><span class="token tag">离子-Tab-bar<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><//<//span><span class="token tag">离子标签<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><<///span><span class="token tag">脚本<//span><span class="token tag punctuation">><///span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">进口<//span><span class="token script language-javascript"></span><span class="token script language-javascript imports punctuation">{<///span><span class="token script language-javascript imports"></span><span class="token script language-javascript imports maybe-class-name">离子<//span><span class="token script language-javascript imports punctuation">，，，，<//span><span class="token script language-javascript imports"></span><span class="token script language-javascript imports maybe-class-name">离子<//span><span class="token script language-javascript imports"></span><span class="token script language-javascript imports punctuation">}<///span><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">从<//span><span class="token script language-javascript"></span><span class="token script language-javascript string">'@betway东盟体育appionic/vue'<//span><span class="token script language-javascript punctuation">;<//span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">进口<//span><span class="token script language-javascript"></span><span class="token script language-javascript imports punctuation">{<///span><span class="token script language-javascript imports">截然成分<//span><span class="token script language-javascript imports punctuation">}<///span><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">从<//span><span class="token script language-javascript"></span><span class="token script language-javascript string">'vue'<//span><span class="token script language-javascript punctuation">;<//span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">出口<//span><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">默认<//span><span class="token script language-javascript"></span><span class="token script language-javascript function">截然成分<//span><span class="token script language-javascript punctuation">（（<//span><span class="token script language-javascript punctuation">{<///span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript">成分<//span><span class="token script language-javascript operator">：<//span><span class="token script language-javascript"></span><span class="token script language-javascript punctuation">{<///span><span class="token script language-javascript"></span><span class="token script language-javascript maybe-class-name">离子<//span><span class="token script language-javascript punctuation">，，，，<//span><span class="token script language-javascript"></span><span class="token script language-javascript maybe-class-name">离子<//span><span class="token script language-javascript"></span><span class="token script language-javascript punctuation">}<///span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token script language-javascript punctuation">}<///span><span class="token script language-javascript punctuation">）<//span><span class="token script language-javascript punctuation">;<//span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token tag punctuation"><//<//span><span class="token tag">脚本<//span><span class="token tag punctuation">><///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p><strong>后<//strong></p> <div class="codeBlockContainer_K1bP language-html"> <div class="codeBlockContent_hGly html"> <pre tabindex="0" class="prism-code language-html codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token tag punctuation"><<///span><span class="token tag">离子标签<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><<///span><span class="token tag">离子旋律释放<//span><span class="token tag punctuation">><///span><span class="token tag punctuation"><//<//span><span class="token tag">离子旋律释放<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><<///span><span class="token tag">离子-Tab-bar<//span><span class="token tag"></span><span class="token tag attr-name">投币口<//span><span class="token tag attr-value punctuation attr-equals">=<///span><span class="token tag attr-value punctuation">“<//span><span class="token tag attr-value">底部<//span><span class="token tag attr-value punctuation">“<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><//<//span><span class="token tag">离子-Tab-bar<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><//<//span><span class="token tag">离子标签<//span><span class="token tag punctuation">><///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token tag punctuation"><<///span><span class="token tag">脚本<//span><span class="token tag punctuation">><///span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">进口<//span><span class="token script language-javascript"></span><span class="token script language-javascript imports punctuation">{<///span><span class="token script language-javascript imports"></span><span class="token script language-javascript imports maybe-class-name">离子<//span><span class="token script language-javascript imports punctuation">，，，，<//span><span class="token script language-javascript imports"></span><span class="token script language-javascript imports maybe-class-name">离子<//span><span class="token script language-javascript imports punctuation">，，，，<//span><span class="token script language-javascript imports"></span><span class="token script language-javascript imports maybe-class-name">离子<//span><span class="token script language-javascript imports"></span><span class="token script language-javascript imports punctuation">}<///span><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">从<//span><span class="token script language-javascript"></span><span class="token script language-javascript string">'@betway东盟体育appionic/vue'<//span><span class="token script language-javascript punctuation">;<//span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">进口<//span><span class="token script language-javascript"></span><span class="token script language-javascript imports punctuation">{<///span><span class="token script language-javascript imports">截然成分<//span><span class="token script language-javascript imports punctuation">}<///span><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">从<//span><span class="token script language-javascript"></span><span class="token script language-javascript string">'vue'<//span><span class="token script language-javascript punctuation">;<//span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">出口<//span><span class="token script language-javascript"></span><span class="token script language-javascript keyword module">默认<//span><span class="token script language-javascript"></span><span class="token script language-javascript function">截然成分<//span><span class="token script language-javascript punctuation">（（<//span><span class="token script language-javascript punctuation">{<///span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript">成分<//span><span class="token script language-javascript operator">：<//span><span class="token script language-javascript"></span><span class="token script language-javascript punctuation">{<///span><span class="token script language-javascript"></span><span class="token script language-javascript maybe-class-name">离子<//span><span class="token script language-javascript punctuation">，，，，<//span><span class="token script language-javascript"></span><span class="token script language-javascript maybe-class-name">离子<//span><span class="token script language-javascript punctuation">，，，，<//span><span class="token script language-javascript"></span><span class="token script language-javascript maybe-class-name">离子<//span><span class="token script language-javascript"></span><span class="token script language-javascript punctuation">}<///span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token script language-javascript punctuation">}<///span><span class="token script language-javascript punctuation">）<//span><span class="token script language-javascript punctuation">;<//span><span class="token script language-javascript"></span><br></span><span class="token-line"><span class="token script language-javascript"></span><span class="token tag punctuation"><//<//span><span class="token tag">脚本<//span><span class="token tag punctuation">><///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <ol start="10"> <li>选项卡内部的其他路由应作为同胞路线重新编写，而不是子路由：<//li> </ol> <p><strong>前<//strong></p> <div class="codeBlockContainer_K1bP language-ts"> <div class="codeBlockContent_hGly ts"> <pre tabindex="0" class="prism-code language-ts codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token keyword">const<//span><span class="token plain">路线<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token known-class-name class-name">大批<//span><span class="token operator"><<///span><span class="token maybe-class-name">Routerecordraw<//span><span class="token operator">><///span><span class="token plain"></span><span class="token operator">=<///span><span class="token plain"></span><span class="token punctuation">[[<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'/'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">重定向<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'/tabs/tab1'<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'/tabs/'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token maybe-class-name">标签<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">孩子们<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">[[<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">''<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">重定向<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'tab1'<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'tab1'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token arrow operator">=><//span><span class="token plain"></span><span class="token keyword">进口<//span><span class="token punctuation">（（<//span><span class="token string">'@/views/tab1.vue'<//span><span class="token punctuation">）<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">孩子们<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'看法'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token arrow operator">=><//span><span class="token plain"></span><span class="token keyword">进口<//span><span class="token punctuation">（（<//span><span class="token string">'@/views/tab1view.vue'<//span><span class="token punctuation">）<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'tab2'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token arrow operator">=><//span><span class="token plain"></span><span class="token keyword">进口<//span><span class="token punctuation">（（<//span><span class="token string">'@/views/tab2.vue'<//span><span class="token punctuation">）<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'tab3'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token arrow operator">=><//span><span class="token plain"></span><span class="token keyword">进口<//span><span class="token punctuation">（（<//span><span class="token string">'@/views/tab3.vue'<//span><span class="token punctuation">）<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">这是给予的<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">这是给予的<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p><strong>后<//strong></p> <div class="codeBlockContainer_K1bP language-ts"> <div class="codeBlockContent_hGly ts"> <pre tabindex="0" class="prism-code language-ts codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token keyword">const<//span><span class="token plain">路线<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token known-class-name class-name">大批<//span><span class="token operator"><<///span><span class="token maybe-class-name">Routerecordraw<//span><span class="token operator">><///span><span class="token plain"></span><span class="token operator">=<///span><span class="token plain"></span><span class="token punctuation">[[<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'/'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">重定向<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'/tabs/tab1'<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'/tabs/'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token maybe-class-name">标签<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">孩子们<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">[[<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">''<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">重定向<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'tab1'<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'tab1'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token arrow operator">=><//span><span class="token plain"></span><span class="token keyword">进口<//span><span class="token punctuation">（（<//span><span class="token string">'@/views/tab1.vue'<//span><span class="token punctuation">）<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'tab1/view'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token arrow operator">=><//span><span class="token plain"></span><span class="token keyword">进口<//span><span class="token punctuation">（（<//span><span class="token string">'@/views/tab1view.vue'<//span><span class="token punctuation">）<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'tab2'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token arrow operator">=><//span><span class="token plain"></span><span class="token keyword">进口<//span><span class="token punctuation">（（<//span><span class="token string">'@/views/tab2.vue'<//span><span class="token punctuation">）<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">小路<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">'tab3'<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token function-variable function">零件<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">（（<//span><span class="token punctuation">）<//span><span class="token plain"></span><span class="token arrow operator">=><//span><span class="token plain"></span><span class="token keyword">进口<//span><span class="token punctuation">（（<//span><span class="token string">'@/views/tab3.vue'<//span><span class="token punctuation">）<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">这是给予的<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">这是给予的<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="core">核<a aria-hidden="true" class="hash-link" href="#core" title=""></a></h3> <ol> <li>更新到最新版本的Ionic 6：betway东盟体育app<//li> </ol> <div class="codeBlockContainer_K1bP language-shell"> <div class="codeBlockContent_hGly shell"> <pre tabindex="0" class="prism-code language-shell codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token function">NPM<//span><span class="token plain"></span><span class="token function">安装<//span><span class="token plain">@betway东盟体育appionic/core@6<//span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="updating-your-code">更新您的代码<a aria-hidden="true" class="hash-link" href="#updating-your-code" title=""></a></h2> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="datetime">约会时间<a aria-hidden="true" class="hash-link" href="#datetime" title=""></a></h3> <ol> <li><p>删除所有用法<code>占位符<//code>，，，，<code>拾音器<//code>，，，，<code>pickerformat<//code>，，，，<code>月名<//code>，，，，<code>月份名称<//code>，，，，<code>日名<//code>，和<code>Dayshortnames<//code>特性。<code>离子datetime<//code>现在，根据设备上设置的语言和区域在组件内显示的月份名称，日名和时间自动格式化。看到<a href="//www.jesscamp.com/docs/api/datetime">离子统计本地化文档<//a>了解更多信息。<//p></li> <li><p>删除所有用法<code>文本<//code>和<code>占位符<//code>CSS阴影零件。<//p></li> <li><p>删除所有用法<code>- 底线<//code>，，，，<code>- 绑定末端<//code>，，，，<code>- 绑架开始<//code>，，，，<code>- 盖帽<//code>，和<code>- 场地座色<//code>CSS变量。自定义填充<code>离子datetime<//code>，您可以使用任何<code>填充<//code>CSS属性。<//p></li> <li><p>删除任何用法<code>打开<//code>方法。要将日期时间呈现在覆盖层中，请将其放在<code>离子模式<//code>或一个<code>离子流行<//code>零件。看到<a href="//www.jesscamp.com/docs/api/datetime">离子的使用示例<//a>了解更多信息。<//p></li> <li><p>删除任何用法<code>DisplayFormat<//code>或者<code>DisplayTimeZone<//code>特性。解析在有效载荷中提供的UTC字符串<code>离子<//code>活动，我们建议使用<a href="https://date-fns.org/" target="_blank" rel="noopener noreferrer">date-fns<//a>。看到<a href="//www.jesscamp.com/docs/api/datetime">离子统计分析日期文档<//a>举些例子。<//p></li> </ol> <div class="admonition admonition-note alert alert--secondary"> <div class="admonition-heading"> <h5><span class="admonition-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewbox="0 0 14 16"> <path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path> </svg></span>笔记<//h5> </div> <div class="admonition-content"> <p>看到<a href="https://github.com/ionic-team/datetime-migration-samples" target="_blank" rel="noopener noreferrer">DateTime迁移样本应用程序<//a>有关更多迁移示例。<//p> </div> </div> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="icon">图标<a aria-hidden="true" class="hash-link" href="#icon" title=""></a></h3> <p>betway东盟体育appIonic 6现在与Ionicons一起运输6.审查<a href="https://github.com/ionic-team/ionicons/releases/tag/v6.0.0" target="_blank" rel="noopener noreferrer">betway东盟体育appIonicons 6破坏变化指南<//a>并进行任何必要的更改。<//p> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="input">输入<a aria-hidden="true" class="hash-link" href="#input" title=""></a></h3> <p>确保<code>无效的<//code>没有作为价值传递给<code>占位符<//code>财产。我们建议使用<code>不明确的<//code>反而。<//p> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="modal">模态<a aria-hidden="true" class="hash-link" href="#modal" title=""></a></h3> <p><code>离子模式<//code>现在使用Shadow dom。更新针对内部的任何样式<code>离子模式<//code>使用哪个<a href="//www.jesscamp.com/docs/api/modal">离子模式CSS变量<//a>或者<a href="//www.jesscamp.com/docs/api/modal">离子模式CSS阴影零件<//a>：<//p> <p><strong>前<//strong></p> <div class="codeBlockContainer_K1bP language-css"> <div class="codeBlockContent_hGly css"> <pre tabindex="0" class="prism-code language-css codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token selector">离子模式<//span><span class="token selector class">.modal-wrapper<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token selector">离子模式离子折叠<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p><strong>后<//strong></p> <div class="codeBlockContainer_K1bP language-css"> <div class="codeBlockContent_hGly css"> <pre tabindex="0" class="prism-code language-css codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token selector">离子模式<//span><span class="token selector pseudo-element">：：部分<//span><span class="token selector punctuation">（（<//span><span class="token selector">内容<//span><span class="token selector punctuation">）<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token selector">离子模式<//span><span class="token selector pseudo-element">：：部分<//span><span class="token selector punctuation">（（<//span><span class="token selector">背景<//span><span class="token selector punctuation">）<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="popover">弹出<a aria-hidden="true" class="hash-link" href="#popover" title=""></a></h3> <p><code>离子流行<//code>现在使用Shadow dom。更新针对内部的任何样式<code>离子流行<//code>使用<a href="//www.jesscamp.com/docs/api/popover">离子流行CSS变量<//a>或者<a href="//www.jesscamp.com/docs/api/popover">离子流行CSS阴影零件<//a>：<//p> <p><strong>前<//strong></p> <div class="codeBlockContainer_K1bP language-css"> <div class="codeBlockContent_hGly css"> <pre tabindex="0" class="prism-code language-css codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token selector">离子流行<//span><span class="token selector class">.popover-arrow<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token selector">离子 - 驱动离子折叠<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token selector">离子流行<//span><span class="token selector class">.popover-content<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p><strong>后<//strong></p> <div class="codeBlockContainer_K1bP language-css"> <div class="codeBlockContent_hGly css"> <pre tabindex="0" class="prism-code language-css codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token selector">离子流行<//span><span class="token selector pseudo-element">：：部分<//span><span class="token selector punctuation">（（<//span><span class="token selector">箭<//span><span class="token selector punctuation">）<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token selector">离子流行<//span><span class="token selector pseudo-element">：：部分<//span><span class="token selector punctuation">（（<//span><span class="token selector">背景<//span><span class="token selector punctuation">）<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain" style="display:inline-block"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token selector">离子流行<//span><span class="token selector pseudo-element">：：部分<//span><span class="token selector punctuation">（（<//span><span class="token selector">内容<//span><span class="token selector punctuation">）<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="radio">收音机<a aria-hidden="true" class="hash-link" href="#radio" title=""></a></h3> <p>删除任何用法<code>RadictChangeEventDetail<//code>界面。<//p> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="select">选择<a aria-hidden="true" class="hash-link" href="#select" title=""></a></h3> <p>确保<code>无效的<//code>没有作为价值传递给<code>占位符<//code>财产。我们建议使用<code>不明确的<//code>反而。<//p> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="textarea">textarea<a aria-hidden="true" class="hash-link" href="#textarea" title=""></a></h3> <p>确保<code>无效的<//code>没有作为价值传递给<code>占位符<//code>财产。我们建议使用<code>不明确的<//code>反而。<//p> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="browser-support">浏览器支持<a aria-hidden="true" class="hash-link" href="#browser-support" title=""></a></h3> <p>离子支持已更改的浏览器列表。betway东盟体育app查看<a href="//www.jesscamp.com/docs/reference/browser-support">浏览器支持指南<//a>确保您将应用程序部署到支持的浏览器中。<//p> <h3 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="testing">测试<a aria-hidden="true" class="hash-link" href="#testing" title=""></a></h3> <p>betway东盟体育app离子6现在作为ES模块船舶。ES模块在所有主要浏览器中得到支持，并带来开发人员的经验和代码维护改进。开发人员的测试将需要更新其玩笑的配置，因为截至开玩笑27，开玩笑对ES模块没有全力支持。<///p> <p>此更新涉及使用Babel将Ionic的ES模块汇编为commonjs（CJS）格式，这是betway东盟体育appJEST可以理解的格式。一旦开玩笑的是对ES模块的支持，将不再需要此更改。看<a href="https://github.com/facebook/jest/issues/9430" target="_blank" rel="noopener noreferrer">https://github.com/facebook/jest/issues/9430<//a>有关JEST中ES模块支持的更新。<//p> <p>如果您使用新的离子应用程序开始新鲜，则在我们的入门应用程序中为您完成此配置betway东盟体育app。对于具有现有离子应用程序的人，请按照以下步骤与Ibetway东盟体育apponic 6合作，以使JOST与Ionic 6：<///p> <ol> <li>添加一个<code>TransformignorePatterns<//code>字段到包括相关离子软件包的笑话配置。betway东盟体育app这通常在<code>jest.config.js<//code>或者<code>笑话<//code>字段中<code>package.json<//code>：<//li> </ol> <div class="codeBlockContainer_K1bP language-js"> <div class="codeBlockTitle_eoMF"> jest.config.js<//div> <div class="codeBlockContent_hGly js"> <pre tabindex="0" class="prism-code language-js codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain">模块<//span><span class="token punctuation">。<//span><span class="token property-access">出口<//span><span class="token plain"></span><span class="token operator">=<///span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token spread operator">...<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">TransformignorePatterns<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">[[<///span><span class="token string">'/node_modules/（？！@betway东盟体育appionic/core |@stilen/core | ionicons）'<//span><span class="token punctuation">这是给予的<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <div class="codeBlockContainer_K1bP language-json"> <div class="codeBlockTitle_eoMF"> package.json<//div> <div class="codeBlockContent_hGly json"> <pre tabindex="0" class="prism-code language-json codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token property">“笑话”<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token property">“ transformignorepatterns”<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">[[<///span><span class="token string">“/node_modules/（？！@betway东盟体育appionic/core |@stilen/core | ionicons）”<//span><span class="token punctuation">这是给予的<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <div class="admonition admonition-note alert alert--secondary"> <div class="admonition-heading"> <h5><span class="admonition-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="14" height="16" viewbox="0 0 14 16"> <path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path> </svg></span>笔记<//h5> </div> <div class="admonition-content"> <p>如果您使用的是离子反应或离子Vuebetway东盟体育app，请确保将适当的软件包添加到<code>TransformignorePatterns<//code>大批。对于离子betway东盟体育app反应，这包括<code>@betway东盟体育appionic/react<//code>和<code>@betway东盟体育appionic/react-router<//code>。对于离子betway东盟体育appVue，其中包括<code>@betway东盟体育appionic/vue<//code>和<code>@betway东盟体育appionic/vue-router<//code>。<//p> </div> </div> <p>对于使用Create React App（CRA）的开发人员，当前无法更新<code>TransformignorePatterns<//code>在开玩笑的配置文件中。这是一个CRA限制，而不是Ionic控制的东西。betway东盟体育app但是，我们可以通过<code>TransformignorePatterns<//code>直接进入<code>反应脚本测试<//code>命令：<//p> <div class="codeBlockContainer_K1bP language-json"> <div class="codeBlockTitle_eoMF"> package.json<//div> <div class="codeBlockContent_hGly json"> <pre tabindex="0" class="prism-code language-json codeBlock_23N8 thin-scrollbar"><code class="codeBlockLines_39YC"><span class="token-line"><span class="token property">“脚本”<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token punctuation">{<///span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain"></span><span class="token property">“测试”<//span><span class="token operator">：<//span><span class="token plain"></span><span class="token string">“ React-Scripts测试-TransFormignorePatterns'node_modules/（？！（@ionicbetway东盟体育app/react/react |@ionic/react-router |@ionic/core/core |@ionic/core |@stencil/core | ionicons）/）''<//span><span class="token punctuation">，，，，<//span><span class="token plain"></span><br></span><span class="token-line"><span class="token plain">...<//span><br></span><span class="token-line"><span class="token plain"></span><span class="token punctuation">}<///span><br></span></code></pre> <button type="button" aria-label="Copy code to clipboard" class="copyButton_Ue-o clean-btn">复制<//button> </div> </div> <p>如果您仍在遇到问题，请尝试以下几件事：<//p> <ol> <li><p>验证这一点<code>@babel/preset-env<//code>包含在您的<a href="https://babeljs.io/docs/en/config-files" target="_blank" rel="noopener noreferrer">项目范围的配置<//a>而不是你的<a href="https://babeljs.io/docs/en/config-files" target="_blank" rel="noopener noreferrer">文件搭配配置<//a>。这通常意味着定义Babel配置<code><Project-root>/babel.config.json<//code>。<//p></li> <li><p>如果你有<code>Browserslist/test<//code>字段中<code>package.json<//code>文件，确保将其设置为<code>当前节点<//code>。<//p></li> </ol> <h2 class="anchor anchorWithHideOnScrollNavbar_3R7-" id="need-help-upgrading">需要帮助升级吗？<a aria-hidden="true" class="hash-link" href="#need-help-upgrading" title=""></a></h2> <p>确保看着<a href="https://github.com/ionic-team/ionic-framework/blob/main/BREAKING.md" target="_blank" rel="noopener noreferrer">betway东盟体育app离子6破坏变化指南<//a>。开发人员可能需要了解默认属性和CSS变量值的几个更改。此页面上仅列出了所需用户操作的破坏更改。<///p> <p>如果您需要帮助升级，请在<a href="//www.jesscamp.com/forum/" target="_blank" rel="noopener noreferrer">betway东盟体育app离子论坛<//a>。<//p> </div> <footer class="theme-doc-footer docusaurus-mt-lg"> <div class="theme-doc-footer-edit-meta-row row"> <div class="col"> <a href="https://github.com/ionic-team/ionic-docs/edit/main/docs/intro/upgrading-to-ionic-6.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"> <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-edit iconEdit_nn1O"> <path d="M7 0C3.13438 0 0 3.21563 0 7.17813C0 10.35 2.00625 13.0375 4.7875 13.9875C4.83125 13.9969 4.86875 14 4.90625 14C5.16563 14 5.26562 13.8094 5.26562 13.6438C5.26562 13.4719 5.25938 13.0219 5.25625 12.4219C4.99375 12.4812 4.75938 12.5063 4.55 12.5063C3.20313 12.5063 2.89687 11.4594 2.89687 11.4594C2.57812 10.6313 2.11875 10.4094 2.11875 10.4094C1.50938 9.98125 2.11562 9.96875 2.1625 9.96875H2.16563C2.86875 10.0312 3.2375 10.7125 3.2375 10.7125C3.5875 11.325 4.05625 11.4969 4.475 11.4969C4.80312 11.4969 5.1 11.3906 5.275 11.3094C5.3375 10.8469 5.51875 10.5312 5.71875 10.35C4.16563 10.1688 2.53125 9.55313 2.53125 6.80312C2.53125 6.01875 2.80312 5.37813 3.25 4.87813C3.17812 4.69688 2.9375 3.96563 3.31875 2.97813C3.31875 2.97813 3.36875 2.9625 3.475 2.9625C3.72812 2.9625 4.3 3.05937 5.24375 3.71562C5.80312 3.55625 6.4 3.47812 6.99687 3.475C7.59062 3.47812 8.19063 3.55625 8.75 3.71562C9.69375 3.05937 10.2656 2.9625 10.5188 2.9625C10.625 2.9625 10.675 2.97813 10.675 2.97813C11.0563 3.96563 10.8156 4.69688 10.7437 4.87813C11.1906 5.38125 11.4625 6.02187 11.4625 6.80312C11.4625 9.55937 9.825 10.1656 8.26562 10.3438C8.51562 10.5656 8.74063 11.0031 8.74063 11.6719C8.74063 12.6313 8.73125 13.4062 8.73125 13.6406C8.73125 13.8094 8.82812 14 9.0875 14C9.125 14 9.16875 13.9969 9.2125 13.9875C11.9969 13.0375 14 10.3469 14 7.17813C14 3.21563 10.8656 0 7 0Z" fill="currentColor"></path> </svg>编辑这个页面<//a> </div> <div class="col lastUpdated_13-_"></div> </div> </footer> </article> <nav class="pagination-nav docusaurus-mt-lg" aria-label="Docs pages navigation"> <div class="pagination-nav__item"> <a class="pagination-nav__link" href="//www.jesscamp.com/docs/"> <div class="pagination-nav__sublabel"> 以前的<//div> <div class="pagination-nav__label"> «概述<//div></a> </div> <div class="pagination-nav__item pagination-nav__item--next"> <a class="pagination-nav__link" href="//www.jesscamp.com/docs/intro/environment"> <div class="pagination-nav__sublabel"> 下一个<//div> <div class="pagination-nav__label"> 环境设置»<///div></a> </div> </nav> </div> <div class="spacer"></div> </div> <div class="end"> <div class="toc-wrapper"> <h2>内容<//h2> <div class="tableOfContents_35-E thin-scrollbar theme-doc-toc-desktop"> <ul class="table-of-contents table-of-contents__left-border"> <li><a href="#getting-started" class="table-of-contents__link toc-highlight">入门<//a> <ul> <li><a href="#angular" class="table-of-contents__link toc-highlight">角<//a></li> <li><a href="#react" class="table-of-contents__link toc-highlight">反应<//a></li> <li><a href="#vue" class="table-of-contents__link toc-highlight">Vue<//a></li> <li><a href="#core" class="table-of-contents__link toc-highlight">核<//a></li> </ul></li> <li><a href="#updating-your-code" class="table-of-contents__link toc-highlight">更新您的代码<//a> <ul> <li><a href="#datetime" class="table-of-contents__link toc-highlight">约会时间<//a></li> <li><a href="#icon" class="table-of-contents__link toc-highlight">图标<//a></li> <li><a href="#input" class="table-of-contents__link toc-highlight">输入<//a></li> <li><a href="#modal" class="table-of-contents__link toc-highlight">模态<//a></li> <li><a href="#popover" class="table-of-contents__link toc-highlight">弹出<//a></li> <li><a href="#radio" class="table-of-contents__link toc-highlight">收音机<//a></li> <li><a href="#select" class="table-of-contents__link toc-highlight">选择<//a></li> <li><a href="#textarea" class="table-of-contents__link toc-highlight">textarea<//a></li> <li><a href="#browser-support" class="table-of-contents__link toc-highlight">浏览器支持<//a></li> <li><a href="#testing" class="table-of-contents__link toc-highlight">测试<//a></li> </ul></li> <li><a href="#need-help-upgrading" class="table-of-contents__link toc-highlight">需要帮助升级吗？<//a></li> </ul> </div> <a href="https://github.com/ionic-team/ionic-docs/edit/main/docs/intro/upgrading-to-ionic-6.md" target="_blank" rel="noreferrer noopener" class="theme-edit-this-page"> <svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-edit iconEdit_nn1O"> <path d="M7 0C3.13438 0 0 3.21563 0 7.17813C0 10.35 2.00625 13.0375 4.7875 13.9875C4.83125 13.9969 4.86875 14 4.90625 14C5.16563 14 5.26562 13.8094 5.26562 13.6438C5.26562 13.4719 5.25938 13.0219 5.25625 12.4219C4.99375 12.4812 4.75938 12.5063 4.55 12.5063C3.20313 12.5063 2.89687 11.4594 2.89687 11.4594C2.57812 10.6313 2.11875 10.4094 2.11875 10.4094C1.50938 9.98125 2.11562 9.96875 2.1625 9.96875H2.16563C2.86875 10.0312 3.2375 10.7125 3.2375 10.7125C3.5875 11.325 4.05625 11.4969 4.475 11.4969C4.80312 11.4969 5.1 11.3906 5.275 11.3094C5.3375 10.8469 5.51875 10.5312 5.71875 10.35C4.16563 10.1688 2.53125 9.55313 2.53125 6.80312C2.53125 6.01875 2.80312 5.37813 3.25 4.87813C3.17812 4.69688 2.9375 3.96563 3.31875 2.97813C3.31875 2.97813 3.36875 2.9625 3.475 2.9625C3.72812 2.9625 4.3 3.05937 5.24375 3.71562C5.80312 3.55625 6.4 3.47812 6.99687 3.475C7.59062 3.47812 8.19063 3.55625 8.75 3.71562C9.69375 3.05937 10.2656 2.9625 10.5188 2.9625C10.625 2.9625 10.675 2.97813 10.675 2.97813C11.0563 3.96563 10.8156 4.69688 10.7437 4.87813C11.1906 5.38125 11.4625 6.02187 11.4625 6.80312C11.4625 9.55937 9.825 10.1656 8.26562 10.3438C8.51562 10.5656 8.74063 11.0031 8.74063 11.6719C8.74063 12.6313 8.73125 13.4062 8.73125 13.6406C8.73125 13.8094 8.82812 14 9.0875 14C9.125 14 9.16875 13.9969 9.2125 13.9875C11.9969 13.0375 14 10.3469 14 7.17813C14 3.21563 10.8656 0 7 0Z" fill="currentColor"></path> </svg>编辑这个页面<//a> </div> </div> </div> </div> </main> </div> </div> </div> </div> <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="百度搜索"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360搜索"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="搜狗"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div></body> </html>