搞定 小程序 Behavior

简介: 搞定 小程序 Behavior

1. 前言

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

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


2. 是什么 what

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


初心

我所有的文章都只是基于入门,初步的了解;是自己的知识体系梳理,如有错误,道友们一起沟通交流;
如果能帮助到有缘人,非常的荣幸,一切为了部落的崛起;
共勉
相关文章
|
JSON 小程序 JavaScript
微信小程序--》小程序—组件通信和behavior使用
⚓经过web前端开发的学习,相信大家对于前端开发有了一定深入的了解,今天我开设了微信小程序,主要想从移动端开发方向进一步发展,而对于我来说写移动端博文的第一站就是小程序开发,希望看到我文章的朋友能对你有所帮助。
340 0
微信小程序--》小程序—组件通信和behavior使用
|
小程序
微信小程序:Error: Behaviors should be constructed with Behavior()
微信小程序:Error: Behaviors should be constructed with Behavior()
733 0
|
小程序
【愚公系列】2022年02月 微信小程序-Behavior
【愚公系列】2022年02月 微信小程序-Behavior
150 0
【愚公系列】2022年02月 微信小程序-Behavior
|
1月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
217 3
|
1月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
48 0
微信小程序更新提醒uniapp
|
3月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
104 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
3月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
103 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
3月前
|
存储 小程序 JavaScript
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的汉服交易小程序的详细设计和实现(源码+lw+部署文档+讲解等)
62 7
|
4月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的宠物医院微信小程序的详细设计和实现(源码+lw+部署文档+讲解等)
82 7