构建方式
riot默认是通过”自定义标签”来构建dom内容,但是也可以通过属性”riot-tag”,来指定使用哪种”自定义标签”来构建dom。
如:
[code]
等同于:
或者,你也可以在 riot.mount 中,制定构建的元素:
[code]
样式
在Riot自定义标签中,可以使用style标签,给组件编写样式。Riot会把所有style的内容,插入到head标签里,不用担心样式会被重复定义。
[code]
最终生成:

虽然调用了两次todo标签,但最终只生成了一份样式。
each循环
要实现类似ul,ol这种列表,循环是绝对需要的,Riot内置了each属性,用于循环生成”类列表”的内容【我们不仅仅可以遍历列表,甚至可以遍历对象】。
[code]
生成如下:

如果列表的内容,是个对象,Riot也提供了快捷的访问方式:
[code]
结果如下:

可以看出,括号表达式【{ expression }】中的上下文【this对象】,已经不是标签的上下文,而变成了当前遍历对象的当前项。
如果我们需要在 each 循环中,访问标签的上下文,可以通过”parent”关键字访问。
如:
[code]
在event对象中,可以通过 event.item来访问到当前each循环中的当前对象。
以上就是riot.js学习【六】杂烩2的内容,更多相关内容请关注PHP中文网(www.php.cn)!










