<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
  <author_name>phytoyasu</author_name>
  <author_url>https://blog.hatena.ne.jp/phytoyasu/</author_url>
  <blog_title>phytoyasuのブログ</blog_title>
  <blog_url>https://phytoyasu.hatenablog.com/</blog_url>
  <categories>
    <anon>Vue.js</anon>
  </categories>
  <description>template内で$route.paramsからURL内の動的な値を参照できる。 &lt;template&gt; &lt;h1&gt;User No. {{ $route.params.id }}&lt;/h1&gt; &lt;!-- ユーザーIDを表示 --&gt; $route ナビゲーションの情報を得るときに使う $router ナビゲーションするときに使う ルート(route)コンポーネントの再利用性を損なわないためのpropsオプション コンポーネントで $route を使うとコンポーネントとルートの間に密結合が生まれ、コンポーネントが特定の URL でしか使用できないなど柔軟性が制限される。 コンポーネントをルーターから分離…</description>
  <height>190</height>
  <html>&lt;iframe src=&quot;https://hatenablog-parts.com/embed?url=https%3A%2F%2Fphytoyasu.hatenablog.com%2Fentry%2F2021%2F10%2F02%2F193039&quot; title=&quot;【VueRouter】URLの動的な値を使用する - phytoyasuのブログ&quot; class=&quot;embed-card embed-blogcard&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;&quot;&gt;&lt;/iframe&gt;</html>
  <image_url></image_url>
  <provider_name>Hatena Blog</provider_name>
  <provider_url>https://hatena.blog</provider_url>
  <published>2021-10-02 19:30:39</published>
  <title>【VueRouter】URLの動的な値を使用する</title>
  <type>rich</type>
  <url>https://phytoyasu.hatenablog.com/entry/2021/10/02/193039</url>
  <version>1.0</version>
  <width>100%</width>
</oembed>
