タグ

2019年4月5日のブックマーク (1件)

  • 1分でわかるVue.jsのslotの使い方(サンプル付き)

    Vue.jsのslotはわかりづらい Vue.jsを使用しているとslotを使用する機会が必ずあるのだが、初心者だとこのslotの仕組みはわかりづらい。 Vue.js公式リファレンスの説明には… Vueは現在のWeb Components spec draftにならったコンテンツ配信APIが実装されており、 <slot> 要素をコンテンツ配信の受け渡し口として利用します。 これを使うことで次のようなコンポーネントを作成することが出来ます <navigation-link url="/profile"> Your Profile </navigation-link> <a v-bind:href="url" class="nav-link" > <slot></slot> </a> …このようにWeb Componentsを知っている前提で説明されているため、Web Componentsを知

    1分でわかるVue.jsのslotの使い方(サンプル付き)