📜  RIOT.JS-标签

📅  最后修改于: 2020-10-20 04:41:26             🧑  作者: Mango


RIOT通过构建自定义,可重复使用的html标签来工作。这些标记类似于Web组件,并且可以在页面和Web应用程序之间重用。当您在HTML页面中包含RIOT框架时,导入的js将创建一个指向防暴对象的防暴变量。该对象包含与RIOT.js交互所需的功能,例如创建和安装标签。

我们可以通过两种方式创建和使用标签。

  • 内联HTML-通过调用riot.tag()函数。此函数使用标签名称和标签定义来创建标签。标签定义可以包含HTML,JavaScript和CSS等。

  • 单独的标签文件-通过将标签定义存储在标签文件中。该标签文件包含用于创建标签的标签定义。需要导入此文件来代替riot.tag()调用。

以下是内联标签的示例。


   
   
      
      
   

这将产生以下结果-

以下是外部文件标签的示例。

messageTag.tag


   

Hello World!

索引


   
   
      
      
      
   

这将产生以下结果-