CINXE.COM

<!DOCTYPE html> <html lang="ja" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Vue.js - The Progressive JavaScript Framework | Vue.js</title> <meta name="description" content="Vue.js - The Progressive JavaScript Framework"> <meta name="generator" content="VitePress v1.6.3"> <link rel="preload stylesheet" href="/assets/style.hOIdoUtS.css" as="style"> <link rel="preload stylesheet" href="/vp-icons.css" as="style"> <script type="module" src="/assets/app.uD9gd7UQ.js"></script> <link rel="modulepreload" href="/assets/chunks/theme.CdQsN2Jw.js"> <link rel="modulepreload" href="/assets/chunks/framework.CgnSSfjO.js"> <link rel="modulepreload" href="/assets/index.md.BNWO3K6G.lean.js"> <link rel="icon" href="/logo.svg"> <meta name="theme-color" content="#3c8772"> <meta property="og:url" content="https://vuejs.org/"> <meta property="og:type" content="website"> <meta property="og:title" content="Vue.js"> <meta property="og:description" content="Vue.js - The Progressive JavaScript Framework"> <meta property="og:image" content="https://vuejs.org/images/logo.png"> <meta name="twitter:site" content="@vuejs"> <meta name="twitter:card" content="summary"> <link rel="preconnect" href="https://automation.vuejs.org"> <script>(()=>{const e=(o,r,c=!1)=>{const s=localStorage.getItem(o);(s?s!=="false":c)&&document.documentElement.classList.add(r)};e("vue-docs-prefer-composition","prefer-composition",!0),e("vue-docs-prefer-sfc","prefer-sfc",!0),window.__VUE_BANNER_ID__="vueconf2025",e(`vue-docs-banner-${__VUE_BANNER_ID__}`,"banner-dismissed")})();</script> <script>location.search.includes("?uwu")&&document.documentElement.classList.add("uwu");</script> <script src="https://cdn.usefathom.com/script.js" data-site="NJTQDIQA" data-spa="auto" defer></script> <script src="https://vueschool.io/banner.js?affiliate=vuejs&type=top" async></script> <script>(t=>{window.rum={key:"a9efvfeu"};var e=t.createElement("script");e.src="/rom3.min.js",e.type="text/javascript",e.defer=!0,e.async=!0,t.getElementsByTagName("head")[0].appendChild(e)})(document);</script> <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script> <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script> <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin=""> </head> <body> <div id="app"><div class="VPApp" data-v-6a43a5bf><span tabindex="-1" data-v-720d35af></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-720d35af>本文へジャンプ</a><div class="banner" data-v-f1f9c6d9><p class="vt-banner-text" data-v-f1f9c6d9><span class="vt-text-primary" data-v-f1f9c6d9> Vueconf.US </span><span class="vt-tagline" data-v-f1f9c6d9> · The official Vue.js conf</span><span class="vt-place" data-v-f1f9c6d9> · Tampa, USA</span><span class="vt-date" data-v-f1f9c6d9> · 19-21 May 2025</span><a target="_blank" class="vt-primary-action" href="https://vueconf.us/?utm_source=vuejs&utm_content=top_banner" data-v-f1f9c6d9> Register </a></p><button data-v-f1f9c6d9><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="close" data-v-f1f9c6d9><path d="M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"></path></svg></button><p class="vt-banner-text vt-coupon" data-v-f1f9c6d9><span class="vt-text-primary" data-v-f1f9c6d9>Use</span> VUEJSDOCS <span class="vt-text-primary" data-v-f1f9c6d9> $200 off</span></p></div><header class="VPNav nav-bar stick" data-v-6a43a5bf data-v-82cf57fe><div class="VPNavBar" data-v-82cf57fe data-v-3eb3e878><div class="container" data-v-3eb3e878><a class="VPNavBarTitle" href="/" data-v-3eb3e878 data-v-676e0d67><svg class="logo" viewBox="0 0 128 128" width="24" height="24" data-v-676e0d67><path fill="#42b883" d="M78.8,10L64,35.4L49.2,10H0l64,110l64-110C128,10,78.8,10,78.8,10z" data-v-676e0d67></path><path fill="#35495e" d="M78.8,10L64,35.4L49.2,10H25.6L64,76l38.4-66H78.8z" data-v-676e0d67></path></svg><span class="text" data-v-676e0d67>Vue.js</span></a><div class="content" data-v-3eb3e878><div class="VPNavBarSearch search" data-v-3eb3e878><div id="docsearch"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索"><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></button></div></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-3eb3e878 data-v-58865203><span id="main-nav-aria-label" class="visually-hidden" data-v-58865203>メイン・ナビゲーション</span><div class="vt-flyout VPNavBarMenuGroup" data-v-58865203 data-v-4422aa59><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">ドキュメント <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><a class="vt-link link vt-menu-link" href="/guide/introduction.html">ガイド</a><a class="vt-link link vt-menu-link" href="/tutorial/">チュートリアル</a><a class="vt-link link vt-menu-link" href="/examples/">実装例</a><a class="vt-link link vt-menu-link" href="/guide/quick-start.html">クイックスタート</a><a class="vt-link link vt-menu-link" href="/glossary/">用語集</a><a class="vt-link link vt-menu-link" href="/error-reference/">エラーリファレンス</a><a class="vt-link link vt-menu-link" href="https://v2.ja.vuejs.org" target="_blank" rel="noopener noreferrer">Vue 2 のドキュメント<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://v3-migration.vuejs.org/ja/" target="_blank" rel="noopener noreferrer">Vue 2 からの移行<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div></div></div></div><a class="vt-link link VPNavBarMenuLink" href="/api/" data-v-58865203 data-v-766ef308>API</a><a class="vt-link link VPNavBarMenuLink" href="https://play.vuejs.org" target="_blank" rel="noopener noreferrer" data-v-58865203 data-v-766ef308>プレイグラウンド</a><div class="vt-flyout VPNavBarMenuGroup" data-v-58865203 data-v-4422aa59><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">エコシステム <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><div class="vt-menu-group"><p class="vt-menu-group-title">リソース</p><a class="vt-link link vt-menu-link" href="/partners/">パートナー</a><a class="vt-link link vt-menu-link" href="/developers/">デベロッパー</a><a class="vt-link link vt-menu-link" href="/ecosystem/themes.html">テーマ</a><a class="vt-link link vt-menu-link" href="https://ui-libs.vercel.app/" target="_blank" rel="noopener noreferrer">UI コンポーネント<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://certificates.dev/vuejs/?ref=vuejs-nav" target="_blank" rel="noopener noreferrer">検定<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://vuejobs.com/?ref=vuejs" target="_blank" rel="noopener noreferrer">仕事<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://vue.threadless.com/" target="_blank" rel="noopener noreferrer">T シャツショップ<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><div class="vt-menu-group"><p class="vt-menu-group-title">公式ライブラリー</p><a class="vt-link link vt-menu-link" href="https://router.vuejs.org/" target="_blank" rel="noopener noreferrer">Vue Router<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://pinia.vuejs.org/" target="_blank" rel="noopener noreferrer">Pinia<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="/guide/scaling-up/tooling.html">ツールガイド</a></div><div class="vt-menu-group"><p class="vt-menu-group-title">動画講座</p><a class="vt-link link vt-menu-link" href="https://www.vuemastery.com/courses/" target="_blank" rel="noopener noreferrer">Vue Mastery<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://vueschool.io/?friend=vuejs&utm_source=Vuejs.org&utm_medium=Link&utm_content=Navbar%20Dropdown" target="_blank" rel="noopener noreferrer">Vue School<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><div class="vt-menu-group"><p class="vt-menu-group-title">ヘルプ</p><a class="vt-link link vt-menu-link" href="https://discord.com/invite/HBherRA" target="_blank" rel="noopener noreferrer">Discord Chat<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://github.com/vuejs/core/discussions" target="_blank" rel="noopener noreferrer">GitHub Discussions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://dev.to/t/vue" target="_blank" rel="noopener noreferrer">DEV Community<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div><div class="vt-menu-group"><p class="vt-menu-group-title">ニュース</p><a class="vt-link link vt-menu-link" href="https://blog.vuejs.org/" target="_blank" rel="noopener noreferrer">ブログ<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://twitter.com/vuejs" target="_blank" rel="noopener noreferrer">Twitter<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="https://events.vuejs.org/" target="_blank" rel="noopener noreferrer">イベント<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a class="vt-link link vt-menu-link" href="/ecosystem/newsletters.html">ニュースレター</a></div></div></div></div></div><div class="vt-flyout VPNavBarMenuGroup" data-v-58865203 data-v-4422aa59><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">情報 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><a class="vt-link link vt-menu-link" href="/about/faq.html">FAQ</a><a class="vt-link link vt-menu-link" href="/about/team.html">チーム</a><a class="vt-link link vt-menu-link" href="/about/releases.html">リリース</a><a class="vt-link link vt-menu-link" href="/about/community-guide.html">コミュニティーガイド</a><a class="vt-link link vt-menu-link" href="/about/coc.html">行動規範</a><a class="vt-link link vt-menu-link" href="/about/privacy.html">プライバシーポリシー</a><a class="vt-link link vt-menu-link" href="https://www.youtube.com/watch?v=OrxmtDw4pVI" target="_blank" rel="noopener noreferrer">ドキュメンタリー<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></div></div></div></div><a class="vt-link link VPNavBarMenuLink" href="/sponsor/" data-v-58865203 data-v-766ef308>スポンサー</a><div class="vt-flyout VPNavBarMenuGroup" data-v-58865203 data-v-4422aa59><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false"><span class="vt-flyout-button-text">エキスパート <span class="vt-menu-badge">NEW</span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-text-icon"><path d="M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"></path></svg></span></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items"><a class="vt-link link vt-menu-link" href="/partners/">パートナー</a><a class="vt-link link vt-menu-link" href="/developers/">デベロッパー<span class="vt-menu-badge">NEW</span></a></div></div></div></div><div class="vt-flyout VPNavBarMenuGroup active VPNavBarLocale" data-v-58865203 data-v-37e024a3><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false" aria-label="Select Language"><div class="vt-locales-btn-icon-container" data-v-37e024a3><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon" data-v-37e024a3><path d="M0 0h24v24H0z" fill="none"></path><path d=" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z " class="css-c4d79v"></path></svg></div></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-items x-padding" data-v-37e024a3><div class="vt-locales-menu-item"><a href="https://vuejs.org/" target="_blank" class="vt-locales-menu-item-text">English <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs/docs" title="English Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://cn.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">简体中文 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-zh-cn" title="简体中文 Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://ua.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">Українська <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-uk" title="Українська Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://fr.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">Français <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-fr" title="Français Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://ko.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">한국어 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-ko" title="한국어 Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://pt.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">Português <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-pt" title="Português Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://bn.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">বাংলা <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-bn" title="বাংলা Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://it.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">Italiano <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-it" title="Italiano Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://fa.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">فارسی <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-fa" title="فارسی Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://ru.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">Русский <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/translation-gang/docs-ru" title="Русский Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://cs.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">Čeština <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-cs" title="Čeština Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://zh-hk.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">繁體中文 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-zh-hk" title="繁體中文 Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div><div class="vt-locales-menu-item"><a href="https://pl.vuejs.org/" target="_blank" class="vt-locales-menu-item-text">Polski <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a><a href="https://github.com/vuejs-translations/docs-pl" title="Polski Repository" target="_blank" class="vt-locales-btn-icon-container"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-locales-btn-icon repo"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div></div><div class="vt-locales-menu-hr-divider" data-v-bb5f9e1b></div><div class="vt-locales-menu-item join-translations" data-v-bb5f9e1b><div role="link" tabindex="0" class="vt-locales-menu-item-text" data-v-bb5f9e1b>翻訳にご協力ください！</div></div></div></div></div></nav><div class="VPNavBarAppearance appearance" data-v-3eb3e878 data-v-cfdc4d5b><button class="vt-switch vt-switch-appearance" type="button" role="switch" aria-label="ダークモードの切り替え" aria-checked="false" data-v-cfdc4d5b><span class="vt-switch-check"><span class="vt-switch-icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-sun"><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-moon"><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg></span></span></button></div><div class="vt-social-links VPNavBarSocialLinks social-links" data-v-3eb3e878 data-v-02101119><a class="vt-social-link is-small" href="https://github.com/vuejs/" title="github" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><span class="visually-hidden">github</span></a><a class="vt-social-link is-small" href="https://twitter.com/vuejs" title="twitter" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg><span class="visually-hidden">twitter</span></a><a class="vt-social-link is-small" href="https://discord.com/invite/vue" title="discord" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"></path></svg><span class="visually-hidden">discord</span></a></div><div class="vt-flyout VPNavBarExtra extra" data-v-3eb3e878 data-v-ca4fb57b><button type="button" class="vt-flyout-button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-flyout-button-icon"><circle cx="12" cy="12" r="2"></circle><circle cx="19" cy="12" r="2"></circle><circle cx="5" cy="12" r="2"></circle></svg></button><div class="vt-flyout-menu"><div class="vt-menu"><div class="vt-menu-group" data-v-ca4fb57b><div class="vt-menu-item item" data-v-ca4fb57b><p class="vt-menu-label" data-v-ca4fb57b>外観</p><div class="vt-menu-action action" data-v-ca4fb57b><button class="vt-switch vt-switch-appearance" type="button" role="switch" aria-label="ダークモードの切り替え" aria-checked="false" data-v-ca4fb57b><span class="vt-switch-check"><span class="vt-switch-icon"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-sun"><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-switch-appearance-moon"><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg></span></span></button></div></div></div><div class="vt-menu-group" data-v-ca4fb57b><div class="vt-menu-item item" data-v-ca4fb57b><div class="vt-social-links social-links" data-v-ca4fb57b><a class="vt-social-link is-small" href="https://github.com/vuejs/" title="github" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><span class="visually-hidden">github</span></a><a class="vt-social-link is-small" href="https://twitter.com/vuejs" title="twitter" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg><span class="visually-hidden">twitter</span></a><a class="vt-social-link is-small" href="https://discord.com/invite/vue" title="discord" target="_blank" rel="noopener noreferrer"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="vt-social-link-icon"><path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z"></path></svg><span class="visually-hidden">discord</span></a></div></div></div></div></div></div><button type="button" class="vt-hamburger VPNavBarHamburger hamburger" aria-label="モバイル・ナビゲーション" aria-expanded="false" aria-controls="VPNavScreen" data-v-3eb3e878 data-v-55da3568><span class="vt-hamburger-container"><span class="vt-hamburger-top"></span><span class="vt-hamburger-middle"></span><span class="vt-hamburger-bottom"></span></span></button></div></div></div></header><div id="VPContent" class="VPContent" data-v-6a43a5bf data-v-ec00fd1c><div class="VPContentPage" data-v-ec00fd1c><main><div style="position:relative;"><div><section id="hero" data-v-70267c98><img id="uwu" alt="Vue.js Kawaii Logo by @icarusgkx" data-v-70267c98><h1 class="tagline" data-v-70267c98> The <span class="accent" data-v-70267c98>Progressive</span><br data-v-70267c98>JavaScript Framework </h1><p class="description" data-v-70267c98> Web ユーザーインターフェース構築のための、親しみやすく、パフォーマンスと汎用性の高いフレームワーク。 </p><p class="actions" data-v-70267c98><a id="vuemastery-action" class="why-vue" href="javascript:;" data-v-70f72202><svg class="icon-play" aria-labelledby="simpleicons-play-icon" role="img" viewBox="0 0 100 125" fill="#FFFFFF" data-v-70f72202><title id="simpleicons-play-icon" lang="en" data-v-70f72202>Play icon</title><path d="M50,3.8C24.5,3.8,3.8,24.5,3.8,50S24.5,96.2,50,96.2S96.2,75.5,96.2,50S75.5,3.8,50,3.8z M71.2,53.3l-30.8,18 c-0.6,0.4-1.3,0.5-1.9,0.5c-0.6,0-1.3-0.1-1.9-0.5c-1.2-0.6-1.9-1.9-1.9-3.3V32c0-1.4,0.8-2.7,1.9-3.3c1.2-0.6,2.7-0.6,3.8,0 l30.8,18c1.2,0.6,1.9,1.9,1.9,3.3S72.3,52.7,71.2,53.3z" data-v-70f72202></path></svg> Vue を使う理由 </a><a class="get-started" href="/guide/introduction.html" data-v-70267c98> はじめる <svg class="icon" xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" data-v-70267c98><path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z" data-v-70267c98></path></svg></a><a class="setup" href="/guide/quick-start.html" data-v-70267c98>インストール</a><a class="security" href="https://v2.vuejs.org/eol/" target="_blank" data-v-70267c98> Vue 2 のセキュリティー・アップデート <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-v-70267c98><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" data-v-70267c98></path></svg></a></p></section><section id="special-spsr" data-v-70267c98><span data-v-70267c98><a href="/sponsor/#tier-benefits" data-v-70267c98> Special Sponsor slot is now vacant - Inquire now </a></span></section><section id="highlights" class="vt-box-container" data-v-70267c98><div class="vt-box" data-v-70267c98><h2 data-v-70267c98>親しみやすい</h2><p data-v-70267c98> 直感的な API とワールドクラスのドキュメントを使用して、標準的な HTML、CSS、JavaScript をもとに構築します。 </p></div><div class="vt-box" data-v-70267c98><h2 data-v-70267c98>高パフォーマンス</h2><p data-v-70267c98> 手動での最適化をほとんど必要としない、真にリアクティブなコンパイラで最適化されたレンダリングシステム。 </p></div><div class="vt-box" data-v-70267c98><h2 data-v-70267c98>多用途</h2><p data-v-70267c98> ライブラリーとフル機能のフレームワークの間でスケールする、リッチで段階的に採用可能なエコシステム。 </p></div></section><section id="spsrs" data-v-70267c98><h2 data-v-70267c98>プラチナスポンサー</h2><div class="spsr-container platinum landing" data-v-70267c98 data-v-4f876f21><a href="/sponsor/" class="spsr-item action" data-v-4f876f21>スポンサーになる</a></div><h2 data-v-70267c98>ゴールドスポンサー</h2><div class="spsr-container gold landing" data-v-70267c98 data-v-4f876f21><a href="/sponsor/" class="spsr-item action" data-v-4f876f21>スポンサーになる</a></div></section><section id="sitemap" data-v-70267c98><div class="container"><div class="sitemap-col"><h4>ドキュメント</h4><ul><li><a class="vt-link link" href="/guide/introduction">ガイド</a></li><li><a class="vt-link link" href="/tutorial/">チュートリアル</a></li><li><a class="vt-link link" href="/examples/">実装例</a></li><li><a class="vt-link link" href="/guide/quick-start">クイックスタート</a></li><li><a class="vt-link link" href="/glossary/">用語集</a></li><li><a class="vt-link link" href="/error-reference/">エラーリファレンス</a></li><li><a class="vt-link link" href="https://v2.ja.vuejs.org" target="_blank" rel="noopener noreferrer">Vue 2 のドキュメント<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://v3-migration.vuejs.org/ja/" target="_blank" rel="noopener noreferrer">Vue 2 からの移行<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li></ul></div><div class="sitemap-col"><h4>情報</h4><ul><li><a class="vt-link link" href="/about/faq">FAQ</a></li><li><a class="vt-link link" href="/about/team">チーム</a></li><li><a class="vt-link link" href="/about/releases">リリース</a></li><li><a class="vt-link link" href="/about/community-guide">コミュニティーガイド</a></li><li><a class="vt-link link" href="/about/coc">行動規範</a></li><li><a class="vt-link link" href="/about/privacy">プライバシーポリシー</a></li><li><a class="vt-link link" href="https://www.youtube.com/watch?v=OrxmtDw4pVI" target="_blank" rel="noopener noreferrer">ドキュメンタリー<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li></ul></div><div class="sitemap-col"><h4>エキスパート</h4><ul><li><a class="vt-link link" href="/partners/">パートナー</a></li><li><a class="vt-link link" href="/developers/">デベロッパー</a></li></ul></div><div class="sitemap-col"><h4>リソース</h4><ul><li><a class="vt-link link" href="/partners/">パートナー</a></li><li><a class="vt-link link" href="/developers/">デベロッパー</a></li><li><a class="vt-link link" href="/ecosystem/themes">テーマ</a></li><li><a class="vt-link link" href="https://ui-libs.vercel.app/" target="_blank" rel="noopener noreferrer">UI コンポーネント<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://certificates.dev/vuejs/?ref=vuejs-nav" target="_blank" rel="noopener noreferrer">検定<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://vuejobs.com/?ref=vuejs" target="_blank" rel="noopener noreferrer">仕事<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://vue.threadless.com/" target="_blank" rel="noopener noreferrer">T シャツショップ<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li></ul></div><div class="sitemap-col"><h4>公式ライブラリー</h4><ul><li><a class="vt-link link" href="https://router.vuejs.org/" target="_blank" rel="noopener noreferrer">Vue Router<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://pinia.vuejs.org/" target="_blank" rel="noopener noreferrer">Pinia<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="/guide/scaling-up/tooling.html">ツールガイド</a></li></ul></div><div class="sitemap-col"><h4>動画講座</h4><ul><li><a class="vt-link link" href="https://www.vuemastery.com/courses/" target="_blank" rel="noopener noreferrer">Vue Mastery<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://vueschool.io/?friend=vuejs&utm_source=Vuejs.org&utm_medium=Link&utm_content=Navbar%20Dropdown" target="_blank" rel="noopener noreferrer">Vue School<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li></ul></div><div class="sitemap-col"><h4>ヘルプ</h4><ul><li><a class="vt-link link" href="https://discord.com/invite/HBherRA" target="_blank" rel="noopener noreferrer">Discord Chat<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://github.com/vuejs/core/discussions" target="_blank" rel="noopener noreferrer">GitHub Discussions<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://dev.to/t/vue" target="_blank" rel="noopener noreferrer">DEV Community<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li></ul></div><div class="sitemap-col"><h4>ニュース</h4><ul><li><a class="vt-link link" href="https://blog.vuejs.org/" target="_blank" rel="noopener noreferrer">ブログ<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://twitter.com/vuejs" target="_blank" rel="noopener noreferrer">Twitter<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="https://events.vuejs.org/" target="_blank" rel="noopener noreferrer">イベント<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" height="24px" viewbox="0 0 24 24" width="24px" class="vt-link-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"></path></svg></a></li><li><a class="vt-link link" href="/ecosystem/newsletters">ニュースレター</a></li></ul></div></div></section></div></div></main><div class="VPFooter" data-v-697a2dcb><p class="license" data-v-697a2dcb><a class="vt-link link link" href="https://opensource.org/licenses/MIT" target="_blank" rel="noopener noreferrer" data-v-697a2dcb>MIT ライセンス</a>のもとで公開されています。</p><p class="copyright" data-v-697a2dcb>日本語ドキュメントの内容の著作権は Vue 公式チームと翻訳協力者にあり、すべての権利は留保されています。</p></div></div></div><div class="visually-hidden" aria-live="polite" data-v-6a43a5bf>Vue.js - The Progressive JavaScript Frameworkが読み込まれました</div></div></div> <script>window.__VP_HASH_MAP__=JSON.parse("{\"about_coc.md\":\"CwSCtlAy\",\"about_community-guide.md\":\"BpWm_oN3\",\"about_faq.md\":\"CnMgsDNp\",\"about_privacy.md\":\"C1NORVJA\",\"about_releases.md\":\"CrbBoPaa\",\"about_team.md\":\"CqM8fUQR\",\"about_v2-faq.md\":\"CveQNU-A\",\"api_application.md\":\"nLOzjCGB\",\"api_built-in-components.md\":\"DSE-BIct\",\"api_built-in-directives.md\":\"CLuoPsws\",\"api_built-in-special-attributes.md\":\"DV00LMcx\",\"api_built-in-special-elements.md\":\"ChT3NRZ4\",\"api_compile-time-flags.md\":\"DTKsiIwZ\",\"api_component-instance.md\":\"Q3xTQ03m\",\"api_composition-api-dependency-injection.md\":\"CdOOZBjL\",\"api_composition-api-helpers.md\":\"C2TEFxEX\",\"api_composition-api-lifecycle.md\":\"VOuZ527v\",\"api_composition-api-setup.md\":\"BtF-WFD2\",\"api_custom-elements.md\":\"cNKdZeeB\",\"api_custom-renderer.md\":\"Ou910F-q\",\"api_general.md\":\"D9knxFqN\",\"api_index.md\":\"GWQpdBwn\",\"api_options-composition.md\":\"C3V6M5Fm\",\"api_options-lifecycle.md\":\"Br-N6YqA\",\"api_options-misc.md\":\"ilrTSLDu\",\"api_options-rendering.md\":\"Ktpcm-na\",\"api_options-state.md\":\"XytjSJ3a\",\"api_reactivity-advanced.md\":\"CwlzJcJj\",\"api_reactivity-core.md\":\"0lwdi1as\",\"api_reactivity-utilities.md\":\"40xFN2iK\",\"api_render-function.md\":\"DhM4t8t6\",\"api_sfc-css-features.md\":\"DpBVf-qR\",\"api_sfc-script-setup.md\":\"1APFk67j\",\"api_sfc-spec.md\":\"BHWpv_oD\",\"api_ssr.md\":\"YDKRPHT1\",\"api_utility-types.md\":\"CcOosj1G\",\"developers_abdusaid-html-css-vue-typescript-frontend-dev.md\":\"4xwPfzYT\",\"developers_eduard-miskov-vue-frontend-developer.md\":\"DNKmseSG\",\"developers_emre-vue-frontend-developer.md\":\"DyGmqmOc\",\"developers_harshit-vue-frontend-developer.md\":\"CsdGGjFB\",\"developers_index.md\":\"DvW61Jrc\",\"developers_kostiantyn-vue-frontend-developer.md\":\"j17N0-vq\",\"developers_nicolas-vue-php-fullstack-developer.md\":\"BeNKGG1d\",\"developers_santiago-anaya-vue-ruby-fullstack-developer.md\":\"BYfW8fbn\",\"developers_stelios-vue-node-fullstack-developer.md\":\"CGB09st5\",\"developers_tomek-vue-node-fullstack-developer.md\":\"BAoGtEzD\",\"developers_vardan-vue-node-fullstack-developer.md\":\"C4W7Nwa9\",\"ecosystem_newsletters.md\":\"BgGg3Gfo\",\"ecosystem_themes.md\":\"CplIdVEO\",\"error-reference_index.md\":\"Bdj5q6jR\",\"examples_index.md\":\"DlUp56u3\",\"glossary_index.md\":\"CRau0nne\",\"guide_best-practices_accessibility.md\":\"Tchh0VDv\",\"guide_best-practices_performance.md\":\"DUE78ko6\",\"guide_best-practices_production-deployment.md\":\"C8FKM8Eq\",\"guide_best-practices_security.md\":\"D6r6tRAR\",\"guide_built-ins_keep-alive.md\":\"DyfnfAjy\",\"guide_built-ins_suspense.md\":\"B9Dpb_S9\",\"guide_built-ins_teleport.md\":\"CxqZXds_\",\"guide_built-ins_transition-group.md\":\"Bpd7cVrM\",\"guide_built-ins_transition.md\":\"Dr6Zz_ei\",\"guide_components_async.md\":\"Zl3C-2_R\",\"guide_components_attrs.md\":\"Dw_MVkk1\",\"guide_components_events.md\":\"CWlzJGnb\",\"guide_components_props.md\":\"BLq8HJhh\",\"guide_components_provide-inject.md\":\"Bxl3bejR\",\"guide_components_registration.md\":\"D8GBhmHa\",\"guide_components_slots.md\":\"BqinmN22\",\"guide_components_v-model.md\":\"C6t6zaIO\",\"guide_essentials_application.md\":\"TVipVODf\",\"guide_essentials_class-and-style.md\":\"BcfXeYp7\",\"guide_essentials_component-basics.md\":\"CuunEKvL\",\"guide_essentials_computed.md\":\"D-nfOga_\",\"guide_essentials_conditional.md\":\"BN0t9uv5\",\"guide_essentials_event-handling.md\":\"CJBW6TOF\",\"guide_essentials_forms.md\":\"DkIFRFDi\",\"guide_essentials_lifecycle.md\":\"D-hdKhSr\",\"guide_essentials_list.md\":\"DZYukJYv\",\"guide_essentials_reactivity-fundamentals.md\":\"D3imgo6h\",\"guide_essentials_template-refs.md\":\"BDUYcVNG\",\"guide_essentials_template-syntax.md\":\"BqJwGsrv\",\"guide_essentials_watchers.md\":\"IXYuiXMF\",\"guide_extras_animation.md\":\"CtE1RWzq\",\"guide_extras_composition-api-faq.md\":\"D2KaAKQO\",\"guide_extras_reactivity-in-depth.md\":\"DZUT-EVI\",\"guide_extras_reactivity-transform.md\":\"BxVmjETL\",\"guide_extras_render-function.md\":\"7Vcg83Us\",\"guide_extras_rendering-mechanism.md\":\"D8eSrSmn\",\"guide_extras_ways-of-using-vue.md\":\"DlLijqIR\",\"guide_extras_web-components.md\":\"CvqkTWU6\",\"guide_introduction.md\":\"G3zfJ3hP\",\"guide_quick-start.md\":\"C_PKSAxY\",\"guide_reusability_composables.md\":\"DXmYB2AC\",\"guide_reusability_custom-directives.md\":\"tQlPqUzL\",\"guide_reusability_plugins.md\":\"D24VMG1D\",\"guide_scaling-up_routing.md\":\"BEacKGT3\",\"guide_scaling-up_sfc.md\":\"BK4WTzG0\",\"guide_scaling-up_ssr.md\":\"J24ic66D\",\"guide_scaling-up_state-management.md\":\"CkSajmAx\",\"guide_scaling-up_testing.md\":\"CR7mvpB_\",\"guide_scaling-up_tooling.md\":\"BURlr5IX\",\"guide_typescript_composition-api.md\":\"BJGXs2JW\",\"guide_typescript_options-api.md\":\"DRzvcPlZ\",\"guide_typescript_overview.md\":\"BPW8G-4-\",\"index.md\":\"BNWO3K6G\",\"partners_all.md\":\"DkVIB5VL\",\"partners_curotec.md\":\"BQIB3333\",\"partners_herodevs.md\":\"D1YWAhwi\",\"partners_index.md\":\"CNH_H1xR\",\"partners_monterail.md\":\"DIF4s4NQ\",\"partners_passionatepeople.md\":\"C3BG3Opk\",\"partners_proxify.md\":\"CbjA_2n3\",\"partners_redberry.md\":\"ChDM_DeW\",\"partners_vehikl.md\":\"jdjBPsZF\",\"partners_webreinvent.md\":\"xkT-Q3SD\",\"sponsor_index.md\":\"C2JZ06JK\",\"style-guide_index.md\":\"CT01D6oo\",\"style-guide_rules-essential.md\":\"DpcJ4RKD\",\"style-guide_rules-recommended.md\":\"CMNinRzt\",\"style-guide_rules-strongly-recommended.md\":\"BZociAlO\",\"style-guide_rules-use-with-caution.md\":\"DZmI9LIQ\",\"translations_index.md\":\"o-pGdSjw\",\"tutorial_index.md\":\"to4LDD9K\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"ja\",\"dir\":\"ltr\",\"title\":\"Vue.js\",\"description\":\"Vue.js - The Progressive JavaScript Framework\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"ドキュメント\",\"activeMatch\":\"^/(guide|style-guide|cookbook|examples)/\",\"items\":[{\"text\":\"ガイド\",\"link\":\"/guide/introduction\"},{\"text\":\"チュートリアル\",\"link\":\"/tutorial/\"},{\"text\":\"実装例\",\"link\":\"/examples/\"},{\"text\":\"クイックスタート\",\"link\":\"/guide/quick-start\"},{\"text\":\"用語集\",\"link\":\"/glossary/\"},{\"text\":\"エラーリファレンス\",\"link\":\"/error-reference/\"},{\"text\":\"Vue 2 のドキュメント\",\"link\":\"https://v2.ja.vuejs.org\"},{\"text\":\"Vue 2 からの移行\",\"link\":\"https://v3-migration.vuejs.org/ja/\"}]},{\"text\":\"API\",\"activeMatch\":\"^/api/\",\"link\":\"/api/\"},{\"text\":\"プレイグラウンド\",\"link\":\"https://play.vuejs.org\"},{\"text\":\"エコシステム\",\"activeMatch\":\"^/ecosystem/\",\"items\":[{\"text\":\"リソース\",\"items\":[{\"text\":\"パートナー\",\"link\":\"/partners/\"},{\"text\":\"デベロッパー\",\"link\":\"/developers/\"},{\"text\":\"テーマ\",\"link\":\"/ecosystem/themes\"},{\"text\":\"UI コンポーネント\",\"link\":\"https://ui-libs.vercel.app/\"},{\"text\":\"検定\",\"link\":\"https://certificates.dev/vuejs/?ref=vuejs-nav\"},{\"text\":\"仕事\",\"link\":\"https://vuejobs.com/?ref=vuejs\"},{\"text\":\"T シャツショップ\",\"link\":\"https://vue.threadless.com/\"}]},{\"text\":\"公式ライブラリー\",\"items\":[{\"text\":\"Vue Router\",\"link\":\"https://router.vuejs.org/\"},{\"text\":\"Pinia\",\"link\":\"https://pinia.vuejs.org/\"},{\"text\":\"ツールガイド\",\"link\":\"/guide/scaling-up/tooling.html\"}]},{\"text\":\"動画講座\",\"items\":[{\"text\":\"Vue Mastery\",\"link\":\"https://www.vuemastery.com/courses/\"},{\"text\":\"Vue School\",\"link\":\"https://vueschool.io/?friend=vuejs&utm_source=Vuejs.org&utm_medium=Link&utm_content=Navbar%20Dropdown\"}]},{\"text\":\"ヘルプ\",\"items\":[{\"text\":\"Discord Chat\",\"link\":\"https://discord.com/invite/HBherRA\"},{\"text\":\"GitHub Discussions\",\"link\":\"https://github.com/vuejs/core/discussions\"},{\"text\":\"DEV Community\",\"link\":\"https://dev.to/t/vue\"}]},{\"text\":\"ニュース\",\"items\":[{\"text\":\"ブログ\",\"link\":\"https://blog.vuejs.org/\"},{\"text\":\"Twitter\",\"link\":\"https://twitter.com/vuejs\"},{\"text\":\"イベント\",\"link\":\"https://events.vuejs.org/\"},{\"text\":\"ニュースレター\",\"link\":\"/ecosystem/newsletters\"}]}]},{\"text\":\"情報\",\"activeMatch\":\"^/about/\",\"items\":[{\"text\":\"FAQ\",\"link\":\"/about/faq\"},{\"text\":\"チーム\",\"link\":\"/about/team\"},{\"text\":\"リリース\",\"link\":\"/about/releases\"},{\"text\":\"コミュニティーガイド\",\"link\":\"/about/community-guide\"},{\"text\":\"行動規範\",\"link\":\"/about/coc\"},{\"text\":\"プライバシーポリシー\",\"link\":\"/about/privacy\"},{\"text\":\"ドキュメンタリー\",\"link\":\"https://www.youtube.com/watch?v=OrxmtDw4pVI\"}]},{\"text\":\"スポンサー\",\"link\":\"/sponsor/\"},{\"text\":\"エキスパート\",\"badge\":{\"text\":\"NEW\"},\"activeMatch\":\"^/(partners|developers)/\",\"items\":[{\"text\":\"パートナー\",\"link\":\"/partners/\"},{\"text\":\"デベロッパー\",\"link\":\"/developers/\",\"badge\":{\"text\":\"NEW\"}}]}],\"sidebar\":{\"/guide/\":[{\"text\":\"入門\",\"items\":[{\"text\":\"はじめに\",\"link\":\"/guide/introduction\"},{\"text\":\"クイックスタート\",\"link\":\"/guide/quick-start\"}]},{\"text\":\"基本\",\"items\":[{\"text\":\"アプリケーションの作成\",\"link\":\"/guide/essentials/application\"},{\"text\":\"テンプレート構文\",\"link\":\"/guide/essentials/template-syntax\"},{\"text\":\"リアクティビティーの基礎\",\"link\":\"/guide/essentials/reactivity-fundamentals\"},{\"text\":\"算出プロパティ\",\"link\":\"/guide/essentials/computed\"},{\"text\":\"クラスとスタイルのバインディング\",\"link\":\"/guide/essentials/class-and-style\"},{\"text\":\"条件付きレンダリング\",\"link\":\"/guide/essentials/conditional\"},{\"text\":\"リストレンダリング\",\"link\":\"/guide/essentials/list\"},{\"text\":\"イベントハンドリング\",\"link\":\"/guide/essentials/event-handling\"},{\"text\":\"フォーム入力バインディング\",\"link\":\"/guide/essentials/forms\"},{\"text\":\"ウォッチャー\",\"link\":\"/guide/essentials/watchers\"},{\"text\":\"テンプレート参照\",\"link\":\"/guide/essentials/template-refs\"},{\"text\":\"コンポーネントの基礎\",\"link\":\"/guide/essentials/component-basics\"},{\"text\":\"ライフサイクルフック\",\"link\":\"/guide/essentials/lifecycle\"}]},{\"text\":\"コンポーネントの詳細\",\"items\":[{\"text\":\"登録\",\"link\":\"/guide/components/registration\"},{\"text\":\"props\",\"link\":\"/guide/components/props\"},{\"text\":\"イベント\",\"link\":\"/guide/components/events\"},{\"text\":\"コンポーネントの v-model\",\"link\":\"/guide/components/v-model\"},{\"text\":\"フォールスルー属性\",\"link\":\"/guide/components/attrs\"},{\"text\":\"スロット\",\"link\":\"/guide/components/slots\"},{\"text\":\"Provide / inject\",\"link\":\"/guide/components/provide-inject\"},{\"text\":\"非同期コンポーネント\",\"link\":\"/guide/components/async\"}]},{\"text\":\"再利用性\",\"items\":[{\"text\":\"コンポーザブル\",\"link\":\"/guide/reusability/composables\"},{\"text\":\"カスタムディレクティブ\",\"link\":\"/guide/reusability/custom-directives\"},{\"text\":\"プラグイン\",\"link\":\"/guide/reusability/plugins\"}]},{\"text\":\"組み込みコンポーネント\",\"items\":[{\"text\":\"トランジション\",\"link\":\"/guide/built-ins/transition\"},{\"text\":\"トランジショングループ\",\"link\":\"/guide/built-ins/transition-group\"},{\"text\":\"KeepAlive\",\"link\":\"/guide/built-ins/keep-alive\"},{\"text\":\"Teleport\",\"link\":\"/guide/built-ins/teleport\"},{\"text\":\"Suspense\",\"link\":\"/guide/built-ins/suspense\"}]},{\"text\":\"スケールアップ\",\"items\":[{\"text\":\"単一ファイルコンポーネント\",\"link\":\"/guide/scaling-up/sfc\"},{\"text\":\"ツール\",\"link\":\"/guide/scaling-up/tooling\"},{\"text\":\"ルーティング\",\"link\":\"/guide/scaling-up/routing\"},{\"text\":\"状態管理\",\"link\":\"/guide/scaling-up/state-management\"},{\"text\":\"テスト\",\"link\":\"/guide/scaling-up/testing\"},{\"text\":\"サーバーサイドレンダリング（SSR）\",\"link\":\"/guide/scaling-up/ssr\"}]},{\"text\":\"ベストプラクティス\",\"items\":[{\"text\":\"本番デプロイ\",\"link\":\"/guide/best-practices/production-deployment\"},{\"text\":\"パフォーマンス\",\"link\":\"/guide/best-practices/performance\"},{\"text\":\"アクセシビリティー\",\"link\":\"/guide/best-practices/accessibility\"},{\"text\":\"セキュリティー\",\"link\":\"/guide/best-practices/security\"}]},{\"text\":\"TypeScript\",\"items\":[{\"text\":\"概要\",\"link\":\"/guide/typescript/overview\"},{\"text\":\"Composition API と TypeScript\",\"link\":\"/guide/typescript/composition-api\"},{\"text\":\"Options API と TypeScript\",\"link\":\"/guide/typescript/options-api\"}]},{\"text\":\"番外トピック\",\"items\":[{\"text\":\"Vue のさまざまな活用方法\",\"link\":\"/guide/extras/ways-of-using-vue\"},{\"text\":\"Composition API の FAQ\",\"link\":\"/guide/extras/composition-api-faq\"},{\"text\":\"リアクティビティーの探求\",\"link\":\"/guide/extras/reactivity-in-depth\"},{\"text\":\"レンダリングの仕組み\",\"link\":\"/guide/extras/rendering-mechanism\"},{\"text\":\"レンダー関数と JSX\",\"link\":\"/guide/extras/render-function\"},{\"text\":\"Vue と Web コンポーネント\",\"link\":\"/guide/extras/web-components\"},{\"text\":\"アニメーションテクニック\",\"link\":\"/guide/extras/animation\"}]}],\"/api/\":[{\"text\":\"グローバル API\",\"items\":[{\"text\":\"アプリケーション\",\"link\":\"/api/application\"},{\"text\":\"汎用\",\"link\":\"/api/general\"}]},{\"text\":\"Composition API\",\"items\":[{\"text\":\"setup()\",\"link\":\"/api/composition-api-setup\"},{\"text\":\"リアクティビティー: コア\",\"link\":\"/api/reactivity-core\"},{\"text\":\"リアクティビティー: ユーティリティー\",\"link\":\"/api/reactivity-utilities\"},{\"text\":\"リアクティビティー: 上級編\",\"link\":\"/api/reactivity-advanced\"},{\"text\":\"ライフサイクルフック\",\"link\":\"/api/composition-api-lifecycle\"},{\"text\":\"依存関係の注入\",\"link\":\"/api/composition-api-dependency-injection\"},{\"text\":\"ヘルパー\",\"link\":\"/api/composition-api-helpers\"}]},{\"text\":\"Options API\",\"items\":[{\"text\":\"オプション: 状態\",\"link\":\"/api/options-state\"},{\"text\":\"オプション: レンダリング\",\"link\":\"/api/options-rendering\"},{\"text\":\"オプション: ライフサイクル\",\"link\":\"/api/options-lifecycle\"},{\"text\":\"オプション: 合成\",\"link\":\"/api/options-composition\"},{\"text\":\"オプション: その他\",\"link\":\"/api/options-misc\"},{\"text\":\"コンポーネントインスタンス\",\"link\":\"/api/component-instance\"}]},{\"text\":\"ビルトイン\",\"items\":[{\"text\":\"ディレクティブ\",\"link\":\"/api/built-in-directives\"},{\"text\":\"コンポーネント\",\"link\":\"/api/built-in-components\"},{\"text\":\"特別な要素\",\"link\":\"/api/built-in-special-elements\"},{\"text\":\"特別な属性\",\"link\":\"/api/built-in-special-attributes\"}]},{\"text\":\"単一ファイルコンポーネント\",\"items\":[{\"text\":\"構文仕様\",\"link\":\"/api/sfc-spec\"},{\"text\":\"<script setup>\",\"link\":\"/api/sfc-script-setup\"},{\"text\":\"CSS 機能\",\"link\":\"/api/sfc-css-features\"}]},{\"text\":\"高度な API\",\"items\":[{\"text\":\"カスタム要素\",\"link\":\"/api/custom-elements\"},{\"text\":\"レンダー関数\",\"link\":\"/api/render-function\"},{\"text\":\"サーバーサイドレンダリング\",\"link\":\"/api/ssr\"},{\"text\":\"TypeScript ユーティリティー\",\"link\":\"/api/utility-types\"},{\"text\":\"カスタムレンダラー\",\"link\":\"/api/custom-renderer\"},{\"text\":\"コンパイル時フラグ\",\"link\":\"/api/compile-time-flags\"}]}],\"/examples/\":[{\"text\":\"Basic\",\"items\":[{\"text\":\"Hello World\",\"link\":\"/examples/#hello-world\"},{\"text\":\"Handling User Input\",\"link\":\"/examples/#handling-input\"},{\"text\":\"Attribute Bindings\",\"link\":\"/examples/#attribute-bindings\"},{\"text\":\"Conditionals and Loops\",\"link\":\"/examples/#conditionals-and-loops\"},{\"text\":\"Form Bindings\",\"link\":\"/examples/#form-bindings\"},{\"text\":\"Simple Component\",\"link\":\"/examples/#simple-component\"}]},{\"text\":\"Practical\",\"items\":[{\"text\":\"Markdown Editor\",\"link\":\"/examples/#markdown\"},{\"text\":\"Fetching Data\",\"link\":\"/examples/#fetching-data\"},{\"text\":\"Grid with Sort and Filter\",\"link\":\"/examples/#grid\"},{\"text\":\"Tree View\",\"link\":\"/examples/#tree\"},{\"text\":\"SVG Graph\",\"link\":\"/examples/#svg\"},{\"text\":\"Modal with Transitions\",\"link\":\"/examples/#modal\"},{\"text\":\"List with Transitions\",\"link\":\"/examples/#list-transition\"},{\"text\":\"TodoMVC\",\"link\":\"/examples/#todomvc\"}]},{\"text\":\"7 GUIs\",\"items\":[{\"text\":\"Counter\",\"link\":\"/examples/#counter\"},{\"text\":\"Temperature Converter\",\"link\":\"/examples/#temperature-converter\"},{\"text\":\"Flight Booker\",\"link\":\"/examples/#flight-booker\"},{\"text\":\"Timer\",\"link\":\"/examples/#timer\"},{\"text\":\"CRUD\",\"link\":\"/examples/#crud\"},{\"text\":\"Circle Drawer\",\"link\":\"/examples/#circle-drawer\"},{\"text\":\"Cells\",\"link\":\"/examples/#cells\"}]}],\"/style-guide/\":[{\"text\":\"Style Guide\",\"items\":[{\"text\":\"概要\",\"link\":\"/style-guide/\"},{\"text\":\"優先度A: 必須\",\"link\":\"/style-guide/rules-essential\"},{\"text\":\"優先度B: 強く推奨\",\"link\":\"/style-guide/rules-strongly-recommended\"},{\"text\":\"優先度C: 推奨\",\"link\":\"/style-guide/rules-recommended\"},{\"text\":\"優先度D: 注意深く使用する\",\"link\":\"/style-guide/rules-use-with-caution\"}]}]},\"i18n\":{\"search\":\"検索\",\"menu\":\"メニュー\",\"toc\":\"目次\",\"returnToTop\":\"上に戻る\",\"appearance\":\"外観\",\"previous\":\"前のページ\",\"next\":\"次のページ\",\"pageNotFound\":\"ページが見つかりません\",\"deadLink\":{\"before\":\"存在しないリンクです: \",\"link\":\"\",\"after\":\"\"},\"deadLinkReport\":{\"before\":\"修正しますので\",\"link\":\"こちらのリンク\",\"after\":\"よりお知らせください。\"},\"footerLicense\":{\"before\":\"\",\"link\":\"\",\"after\":\"のもとで公開されています。\"},\"ariaAnnouncer\":{\"before\":\"\",\"link\":\"\",\"after\":\"が読み込まれました\"},\"ariaDarkMode\":\"ダークモードの切り替え\",\"ariaSkipToContent\":\"本文へジャンプ\",\"ariaToC\":\"現在のページの目次\",\"ariaMainNav\":\"メイン・ナビゲーション\",\"ariaMobileNav\":\"モバイル・ナビゲーション\",\"ariaSidebarNav\":\"サイドバー・ナビゲーション\"},\"localeLinks\":[{\"link\":\"https://vuejs.org\",\"text\":\"English\",\"repo\":\"https://github.com/vuejs/docs\"},{\"link\":\"https://cn.vuejs.org\",\"text\":\"简体中文\",\"repo\":\"https://github.com/vuejs-translations/docs-zh-cn\"},{\"link\":\"https://ua.vuejs.org\",\"text\":\"Українська\",\"repo\":\"https://github.com/vuejs-translations/docs-uk\"},{\"link\":\"https://fr.vuejs.org\",\"text\":\"Français\",\"repo\":\"https://github.com/vuejs-translations/docs-fr\"},{\"link\":\"https://ko.vuejs.org\",\"text\":\"한국어\",\"repo\":\"https://github.com/vuejs-translations/docs-ko\"},{\"link\":\"https://pt.vuejs.org\",\"text\":\"Português\",\"repo\":\"https://github.com/vuejs-translations/docs-pt\"},{\"link\":\"https://bn.vuejs.org\",\"text\":\"বাংলা\",\"repo\":\"https://github.com/vuejs-translations/docs-bn\"},{\"link\":\"https://it.vuejs.org\",\"text\":\"Italiano\",\"repo\":\"https://github.com/vuejs-translations/docs-it\"},{\"link\":\"https://fa.vuejs.org\",\"text\":\"فارسی\",\"repo\":\"https://github.com/vuejs-translations/docs-fa\"},{\"link\":\"https://ru.vuejs.org\",\"text\":\"Русский\",\"repo\":\"https://github.com/translation-gang/docs-ru\"},{\"link\":\"https://cs.vuejs.org\",\"text\":\"Čeština\",\"repo\":\"https://github.com/vuejs-translations/docs-cs\"},{\"link\":\"https://zh-hk.vuejs.org\",\"text\":\"繁體中文\",\"repo\":\"https://github.com/vuejs-translations/docs-zh-hk\"},{\"link\":\"https://pl.vuejs.org\",\"text\":\"Polski\",\"repo\":\"https://github.com/vuejs-translations/docs-pl\"},{\"link\":\"/translations/\",\"text\":\"翻訳にご協力ください！\",\"isTranslationsDesc\":true}],\"algolia\":{\"indexName\":\"vuejs\",\"appId\":\"ML0LEBN7FQ\",\"apiKey\":\"21cf9df0734770a2448a9da64a700c22\",\"searchParameters\":{\"facetFilters\":[\"version:v3\"]}},\"carbonAds\":{\"code\":\"CEBDT27Y\",\"placement\":\"vuejsorg\"},\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/vuejs/\"},{\"icon\":\"twitter\",\"link\":\"https://twitter.com/vuejs\"},{\"icon\":\"discord\",\"link\":\"https://discord.com/invite/vue\"}],\"editLink\":{\"repo\":\"vuejs-translations/docs-ja\",\"text\":\"このページを GitHub で編集\"},\"footer\":{\"license\":{\"text\":\"MIT ライセンス\",\"link\":\"https://opensource.org/licenses/MIT\"},\"copyright\":\"日本語ドキュメントの内容の著作権は Vue 公式チームと翻訳協力者にあり、すべての権利は留保されています。\"}},\"locales\":{},\"scrollOffset\":[\"header\",\".VPLocalNav\"],\"cleanUrls\":false}");</script> </body> </html>