搞定 小程序 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前端开发的学习,相信大家对于前端开发有了一定深入的了解,今天我开设了微信小程序,主要想从移动端开发方向进一步发展,而对于我来说写移动端博文的第一站就是小程序开发,希望看到我文章的朋友能对你有所帮助。
352 0
微信小程序--》小程序—组件通信和behavior使用
|
小程序
微信小程序:Error: Behaviors should be constructed with Behavior()
微信小程序:Error: Behaviors should be constructed with Behavior()
748 0
|
小程序
【愚公系列】2022年02月 微信小程序-Behavior
【愚公系列】2022年02月 微信小程序-Behavior
153 0
【愚公系列】2022年02月 微信小程序-Behavior
|
3天前
|
移动开发 小程序 前端开发
超详细攻略!uniapp陪玩系统,打包陪玩小程序、H5需要注意什么?
陪玩系统的打包过程涵盖APP、小程序和H5平台。APP打包需使用uni-app开发工具,配置项目信息并选择云打包;小程序打包需在微信公众平台注册账号并提交审核;H5打包则直接通过uni-app生成文件并上传至服务器。各平台需注意权限配置、代码规范及充分测试,确保应用稳定性和兼容性。
|
2月前
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
43 0
在线课堂+工具组件小程序uniapp移动端源码
|
3月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
409 3
|
3月前
|
小程序 API
微信小程序更新提醒uniapp
在小程序开发中,版本更新至关重要。本方案利用 `uni-app` 的 `uni.getUpdateManager()` API 在启动时检测版本更新,提示用户并提供立即更新选项,自动下载更新内容,并在更新完成后重启小程序以应用新版本。适用于微信小程序,确保用户始终使用最新版本。以下是实现步骤: ### 实现步骤 1. **创建更新方法**:在 `App.vue` 中创建 `updateApp` 方法用于检查小程序是否有新版本。 2. **测试**:添加编译模式并选择成功状态进行模拟测试。
63 0
微信小程序更新提醒uniapp
|
5月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
123 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
5月前
|
小程序 前端开发 JavaScript
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。
132 0
【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序
|
5月前
|
存储 小程序 JavaScript