letitride https://blog.hatena.ne.jp/letitride/ 追憶行 https://www.letitride.jp/ テック テック-Vue.js 勉強したことメモ。 子コンポーネントにHTML要素やinnerTextを渡したい場合、slotを利用できる。 例えば、 <header-component> <h1 slot="header">ここから<div>div要素も含めて</div>ここまで。</h1> </header-component> のように定義すると、子コンポーネントから<slot name="header"></slot>とすることで、要素を差し替えることができる。 Vue.component('header-component',{ template: '<div><slot name="header"></slot>… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.letitride.jp%2Fentry%2F2020%2F04%2F16%2F095606" title="Vue 子コンポーネントにHTML要素を渡す - 追憶行" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2020-04-16 09:56:06 rich https://www.letitride.jp/entry/2020/04/16/095606 1.0 100%