Mixin 介绍
riot.js中,有个很重要的概念,就是mixin,顾名思义,大约的作用就是“混合”。
把对象的属性、方法,混合进当前的context上下文哈,俗点的理解,就是this对象中。
看个“栗子”:
[code]
Riot.js测试02, Mixin
运行效果如下:

You see,通过 this.mixin(mixinObj); window.mixinObj的属性和方法,都体现在了this上。
注意: mixin只是将对象浅复制,所以多个自定义标签共享通过mixin对象时,小心相互影响
声明式的mixin
mixin的参数,不仅仅是对象,还能是字符串。但使用字符串时,必须事先在riot中,注册一个mixin。
注册方式:
supplierShop供货商城系统是一个以springboot2+mybatis+mybatisplus+jwt+mpvue进行开发的完整的商城系统,系统包括小程序+API+管理理后台,非常适合学习或者二次开发使用,也可以直接使用。
[code]// 如果要跨项目共享 mixin,可以考虑在riot里注册一个,而不是使用window级对象
riot.mixin("defaultData", {
author: "da宗熊",
email: "1071093121@qq.com"
});在自定义标签中使用:
[code]this.mixin("defaultData"); // 现在this拥有了author和email属性了遇到的小坑
注意mixin的数序,后面的属性,会覆盖前面的属性mixin的属性,甚至会覆盖掉this的属性
不要覆盖掉riot.js自带的属性和方法,例如: opts, update, on, off, trigger等
以上就是riot.js学习【二】mixin的内容,更多相关内容请关注PHP中文网(www.php.cn)!









