微信小程序behavior

小程序中的behavior类似于vue中的mixin混入,目的都是为了提高组件间的复用性。
小程序大体框架

  1. 创建behavior
    在项目根目录创建一个behaviors文件夹,里面存放所有的behavior.js文件
//调用Behavior()方法,创建实例对象
//并使用madule.exports将behavior实例对象共享出去
module.exports = Behavior({
    //私有数据节点
    data:{
        username:'Cindy'
    },
    //属性节点
    properties:{},
    //事件处理函数和自定义方法节点
    methods:{}
    //其他节点
})
  1. 导入并使用behaviors
    在需要引入behaviors的js文件中使用require()方法导入需要的 behavior
const myBehaviors = require("../../behaviors/my-behavior")
Component({
    behaviors:[myBehaviors]
})
  1. 在wxml文件中
<view>在behaviors中定义的用户名是:{{username}}</view>
  1. 页面展示
    页面展示
    参考文档
    微信官方文档
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值