📌  相关文章
📜  RIOT.JS-Mixin

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

通过Mixin，我们可以在标签之间共享通用功能。 Mixin可以是函数，类或对象。考虑每个标签应使用的身份验证服务的情况。

  • 定义Mixin-在调用mount（）之前使用riot.mixin（）方法定义mixin。

riot.mixin('authService', {
   init: function() {
      console.log('AuthService Created!')
   },

   login: function(user, password) {
      if(user == "admin" && password == "admin"){
         return 'User is authentic!'
      }else{
         return 'Authentication failed!'
      }   
   }
});

  • 初始化混合-在每个标签中初始化混合。

this.mixin('authService')

  • 使用mixin-初始化后，可以在标记内使用mixin 。

this.message = this.login("admin","admin");

例

以下是完整的示例。

custom8Tag.tag


   
{ message }

custom9Tag.tag


   
{ message }

custom8.htm

这将产生以下结果-