雑多なブログ

音楽や語学、プログラム関連の話題について書いています

Vue3

vu3: <slot>

スロットは、コンポーネントの中にコンテンツを埋め込む事ができる。文章で理解するよりも、出力例を見るのが早いと思う。 スロットの使用例 コンポーネントの定義 <template> <h2>ハロースロット</h2> <div> <slot></slot> </div> </template> コンポーネント利用 <component> <b>スロットに出力されるhtml</b> </component> 出力 <h2>ハロースロット</h2> <div> <b></b></div>…

vue3 の CompositionAPI

Composition API は大規模な開発で力を発揮する。 ただし、小さなコンポーネントにまで適用する必要はなく、そういった場面ではOptions APIで実装すれば良いと思う。 例えば、単一のラベルテキストやボタンのコンポーネント。 こういった規模のコンポーネン…

Vue3 の Composition API と、Options API

Options API とは、Vue2までのコンポーネントの構造を示すようだ。 公式のドキュメントでは唐突に Options API というフレーズが登場し、なんのことか分からず困惑したけれど、ネットの情報をいくつか読んでみると、Vue2までのコンポーネントの構造(という…