小程序中的behavior类似于vue中的mixin混入,目的都是为了提高组件间的复用性。
- 创建behavior
在项目根目录创建一个behaviors文件夹,里面存放所有的behavior.js文件
//调用Behavior()方法,创建实例对象
//并使用madule.exports将behavior实例对象共享出去
module.exports = Behavior({
//私有数据节点
data:{
username:'Cindy'
},
//属性节点
properties:{},
//事件处理函数和自定义方法节点
methods:{}
//其他节点
})
- 导入并使用behaviors
在需要引入behaviors的js文件中使用require()方法导入需要的 behavior
const myBehaviors = require("../../behaviors/my-behavior")
Component({
behaviors:[myBehaviors]
})
- 在wxml文件中
<view>在behaviors中定义的用户名是:{{username}}</view>