小程序中的behavior

Behavior

概念：用与小程序中组件间代码共享的特性，类似于一些编程语言的 "mixins", "traits"

作用：

每一个behavior 可以包含一些属性，数据，生命周期函数，方法
在组件中引用它时，它的属性，数据和方法会被合并到组件中，生命周期函数也会在对应的时机被调用
每个组件可以引用多个behavior，behavior也可以引用其它的behavior

定义一个behavior： (就是一个js文件，按照需求,要求,合理编辑)

首先看下behavior 的常规结构

// my-behavior.js// 在behavior 中使用 behavior  导入var mySecondBehavior = require('my-second-behavior')var mySecondBehavior = require('my-second-behavior')//导出module.exports = Behavior({//注册导入的behaviorbehaviors: [myThirdBehavior, mySecondBehavior],properties:{myBehaviorProperty: {type: String}},data:{},//生命周期created: function () {},attached: function () {},ready: function () {},//方法methods: {    }})

在组件中使用behavior

// my-component.js//导入要使用的behavior  (文件名 大写的使用-替换)var myBehavior = require('my-behavior')
var mySecondBehavior = require('my-second-behavior')Component({// 在注册behavior  注册的behavior中的方法名如果相同，那么后面的会覆盖behaviors: [myBehavior, mySecondBehavior],properties: {myProperty: {type: String}},// 同理 data 也会覆盖  合并data:{}})

以上就是behavior 的基本使用然后在page中正常引用组件就可以

页面中向behavior 传旨方法同页面向组件传值

<!-- 引用组件的页面模版 -->
<view><my-component my-behavior-property="behavior-property【my-behavitor.js】" my-property="my-property"></my-component>
</view>

更多可以结合开发者文档中的实例了解微信开发者工具behavior

behavior 的生命周期

当组件触发生命周期时，生命周期函数执行顺序为：

[my-behavior] created

[my-component] created

[my-behavior] attached

[my-component] attached

[my-behavior] ready

[my-component] ready

生命周期函数不会相互覆盖，而是在对应触发时机被逐个调用：

对于不同的生命周期函数之间，遵循组件生命周期函数的执行顺序；

对于同种生命周期函数，遵循如下规则：
behavior 优先于组件执行；

子 behavior 优先于 父 behavior 执行；

靠前的 behavior 优先于 靠后的 behavior 执行；

如果同一个 behavior 被一个组件多次引用，它定义的生命周期函数只会被执行一次。

小程序中的behavior相关推荐

微信小程序中app.js文件、组件、api
app.js文件: 每个小程序都需要在app.js中调用 App 方法注册小程序实例. App({//App实例化,整个小程序只有一个App实例,全部页面共享onLaunch: function () ...
微信小程序中的tabBar设置
我们先来看一份图,这个设置在官方文档中已经写得很清楚了,我只是做一个总结注:我写注释是为了方便说明,在小程序中的json文件中是不能用注释的这个tabBar属于全局属性,因此就在全局配置文件app ...
六一：如何在Datawhale开源学习小程序中管
我们的组队学习马上就要开营了,本次组队学习与以往不同的是小程序中增加了队伍管理的功能. 为了方便大家组队,Datawhale的六一同学为大家准备了在Datawhale开源学习小程序中队伍管理的教程 ...
如何在Datawhale开源学习小程序中创建队伍？
我们的组队学习马上就要开营了,本次组队学习与以往不同的是小程序中增加了组队的功能.为了方便大家组队,Datawhale的六一同学为大家准备了在Datawhale开源学习小程序中创建队伍的教程. S ...
在小程序中实现 Mixins 方案
原文来自我的博客:jrainlau.github.io/#/article?n- 在原生开发小程序的过程中,发现有多个页面都使用了几乎完全一样的逻辑.由于小程序官方并没有提供 Mixins 这种代码复 ...
微信小程序setinterval_微信小程序中setInterval的使用方法
微信小程序中setinterval的使用方法看了下小程序的画布功能,简单的使用了一下,用蹩脚的逻辑做了个 "弹啊弹,弹走鱼尾纹的小球",一起来看下吧.过程不重要主要是画布的使用哦 ...
小程序多个echars_微信小程序中使用echarts以及踩坑总结
人在家中坐,锅从天上来. 半个月前本来在家写着一个项目,还没来得及提测,领导突然一个电话,需要立刻去支援另一个项目,一打听,一个烂尾半年的项目,纵使内心不愿意,还是要去啊.因为鲁迅说过,生活就像强*, ...
小程序中Cannot read property ‘setData‘ of undefined问题的解决
小程序中Cannot read property 'setData' of undefined问题的解决参考文章: (1)小程序中Cannot read property 'setData' of ...
如何在微信小程序中使用iconfont
开篇废话开发过小程序的童鞋肯定都会遇到这样的问题,当我们在小程序中使用iconfont官方推荐的方法插入字体时,我们总会得到一个打印机(滑稽).那么如何在小程序中正确的使用iconfont呢? 一. ...

小程序中的behavior

Behavior

小程序中的behavior相关推荐

最新文章

热门文章