📜  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


   
   
      
      
      
      
      
   

这将产生以下结果-