GENKI<p><a href="https://social.vivaldi.net/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a> な Custom Elements である以上、属性値では基本 String しか渡せないはずなので</p><p>&gt; Riot.js passes all primitive data (strings, numbers, booleans) to Custom Elements as attributes</p><p>これは Custom Elements としてはちょっと解せないんだよな…<br>今手元で試しても props は全部 strings になっちゃうし。</p><p>ただ、</p><p>&gt; It passes complex data (Objects, Arrays) to Custom Elements as properties.</p><p>これについては、たとえば親コンポーネントの中で</p><p>```<br>this.root.shadow.querySelector('子コンポーネント要素').プロパティ名<br>```</p><p>という風にすると、親から子の中のプロパティに Object とか Array を渡すことができた。</p><p><a href="https://social.vivaldi.net/tags/RiotJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>RiotJS</span></a> <a href="https://social.vivaldi.net/tags/WebCompoents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebCompoents</span></a> <a href="https://social.vivaldi.net/tags/CustomElements" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CustomElements</span></a></p>