APP & program

搞定 小程序 Behavior

2023-01-31  本文已影响0人  云高风轻

1. 前言

这个东西 用的真不多,其实在工作中,有时候时间紧任务急,都是迂回前进,其实就是捡着拿手的写,这就造成了很多东西刻意不去用

自己既然是整理东西,那就都整理整理吧


2. 是什么 what

  1. behaviors 是用于组件间代码共享的特性,类似于一些编程语言中的 “mixins” 或 “traits”。
  1. 每个 behavior 可以包含一组属性、数据、生命周期函数和方法。
  2. 组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。
  3. 每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior 。

3. 创建behavior

  1. 这个类似 Mixins 所以我也在项目根目录创建了相关东西 /behavior/my-behavior.js
  2. 核心代码
module.exports = Behavior({
    behaviors:[],
    data:{
        username:"myBehavior-yzs"
    },
    properties:{},
    methods:{
    }
})

4. 组件使用

  1. 页面不能使用 Behavior
  2. 导入
  3. 配置
  4. 使用
const myBehavior  = require("../../behaviors/my-behavior")
Component({
    behaviors:[myBehavior]})
<view class="my-title">behavior</view>
<view class="my-box">
<!--  这个就是 自己封装的  behavior里面的 东西 -->
{{username}}
</view>

10. 后记

  1. 其他属性也是一样使用

参考资料

Behavior 官方文档


初心

我所有的文章都只是基于入门,初步的了解;是自己的知识体系梳理,如有错误,道友们一起沟通交流;
如果能帮助到有缘人,非常的荣幸,一切为了部落的崛起;
共勉
上一篇 下一篇

猜你喜欢

热点阅读