<h1 id="pages" data-line="0" class="code-line">
<a class="header-anchor-link" href="#pages" aria-hidden="true"></a> pages</h1>
<p data-line="2" class="code-line"><code>pages/users/[id].vue</code> のようなページを作成する</p>
<p data-line="4" class="code-line">ディレクトリを切る場合は <code>pages/users/[id]/index.vue</code> でも良い</p>
<p data-line="6" class="code-line">( <code>_id.vue</code> ではないので注意 )</p>
<h1 id="params" data-line="8" class="code-line">
<a class="header-anchor-link" href="#params" aria-hidden="true"></a> params</h1>
<p data-line="10" class="code-line">useRoute を使う</p>
<div class="code-block-container"><pre class="shiki github-dark" style="background-color:#151e2c;color:#e1e4e8"><code class="code-line" data-line="12"><span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> route</span><span style="color:#F97583"> =</span><span style="color:#B392F0"> useRoute</span><span style="color:#E1E4E8">()</span></span>
<span class="line"><span style="color:#F97583">const</span><span style="color:#79B8FF"> id</span><span style="color:#F97583"> =</span><span style="color:#E1E4E8"> route.params.id</span></span>
<span class="line"></span></code></pre></div><h1 id="%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC%E5%8B%9F%E9%9B%86" data-line="18" class="code-line">
<a class="header-anchor-link" href="#%E3%83%81%E3%83%A3%E3%83%83%E3%83%88%E3%83%A1%E3%83%B3%E3%83%90%E3%83%BC%E5%8B%9F%E9%9B%86" aria-hidden="true"></a> チャットメンバー募集</h1>
<p data-line="21" class="code-line">何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。</p>
<p data-line="23" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__1fbab999f6513" src="https://embed.zenn.studio/card#zenn-embedded__1fbab999f6513" data-content="https%3A%2F%2Fline.me%2Fti%2Fg2%2FeEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://line.me/ti/g2/eEPltQ6Tzh3pYAZV8JXKZqc7PJ6L0rpm573dcQ</a></p>
<h1 id="twitter" data-line="26" class="code-line">
<a class="header-anchor-link" href="#twitter" aria-hidden="true"></a> Twitter</h1>
<p data-line="28" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__41cc937af2d4c" src="https://embed.zenn.studio/card#zenn-embedded__41cc937af2d4c" data-content="https%3A%2F%2Ftwitter.com%2FYumaInaura" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://twitter.com/YumaInaura" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://twitter.com/YumaInaura</a></p>
<h1 id="%E5%85%AC%E9%96%8B%E6%97%A5%E6%99%82" data-line="31" class="code-line">
<a class="header-anchor-link" href="#%E5%85%AC%E9%96%8B%E6%97%A5%E6%99%82" aria-hidden="true"></a> 公開日時</h1>
<p data-line="33" class="code-line">2023-02-16</p>


Nuxt3 / Vue3 - ID付きのページをルーティングして params を取得する

pages

params

チャットメンバー募集

Twitter

公開日時

Discussion