Riot.js4、如何挂载嵌套标签

Riot.js 4, how to mount nested tags

我在 Riot.js 4 中创建应用程序并使用浏览器内编译(用于原型制作),在 Riot.js 3 中一切正常。 但是,当我使用嵌套标签时,只有根标签被挂载,而没有任何子标签。如果我分别安装每个嵌套标签,它们安装得很好。

这里是最小的例子:https://plnkr.co/edit/hxXUvmsjEgE3eDAF

<main>
    <p>main tag</p>
    <footer></footer>
</main>

<footer>
    <p>footer</p>
</footer>

riot.mount('main')

如果我还安装嵌套组件,它会起作用,请参见此处:https://plnkr.co/edit/UDkdZ55ynTYz9uxL

riot.mount('main')
riot.mount('footer')

正确的做法是什么?

在 riot 中你不能使用与另一个现有标签相同的名称,因此,因为页脚是一个 existing tag 你应该更改“页脚”组件的名称,它会工作得很好! ;)