微信小步伐-组件复用机制behaviors

[复制链接]
发表于 2025-10-26 04:07:23 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
简介:

小步伐的 behaviors方法是一种代码复用的方式,可以将一些通用的逻辑和方法提取出来,然后在多个组件中复用,从而镌汰代码冗余,进步代码的可维护性。
利用 behaviors 复用代码

如果必要复用代码,可以通过 Behavior() 方法界说一个运动,每个运动可以包罗属性、数据、生命周期函数和方法。组件引用该运动时,其属性、数据和方法会被归并到组件中,生命周期函数也会在相应机遇被调用。
组件引用它时,它的属性、数据和方法会被归并到组件中,生命周期函数也会在对应机遇被调用。
<hr> 具体示例:

一、界说 Behavior

将公共的属性、数据、生命周期函数、方法等,抽取到单独的文件夹 behavior.js中

      
  • 声明并暴袒露去
  1. const Behavior = Behavior({
  2.     // 属性
  3.     properties: {
  4.         label: {
  5.             type: String,
  6.             value: '我已同意该协议'
  7.         }
  8.     },
  9.     // 数据
  10.     data: {
  11.         name: 'Tom',
  12.         obj: {
  13.             name: 'Tyke'
  14.         }
  15.     },
  16.     // 方法
  17.     methods: {
  18.         updateName() {
  19.             this.setData({
  20.                 name: 'Jerry'
  21.             })
  22.         }
  23.     },
  24.     // 生命周期
  25.     lifetimes: {
  26.         
复制代码
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表