小程序笔记--Behavior

       这一节主要是Behaviour的介绍,behaviors 是用于组件间代码共享的特性,每个 behavior 可以包含一组属性、数据、生命周期函数和方法。组件引用它时,它的属性、数据和方法会被合并到组件中,生命周期函数也会在对应时机被调用。 每个组件可以引用多个 behavior ,behavior 也可以引用其它 behavior 。简单看一下用法,如下:

commonBeh.js

let classicBehavior = Behavior({
  properties: {
    type:String,
    img:String,
    content:String
  },
  data: {
  }
})

export { classicBehavior }

使用:

import {
  classicBehavior
} from '../commonBeh.js'


Component({

  behaviors: [classicBehavior],
  
});


xx.wxml

<view class="classic-container">
  <image src="{
   
   {img}}" class="classic-img"></image>
  <text class="content">{
   
   {content}}</text>
</view>

注:同名字段的覆盖和组合规则组件和它引用的 behavior 中可以包含同名的字段,对这些字段的处理方法如下:

      如果有同名的属性 (properties) 或方法 (methods):若组件本身有这个属性或方法,则组件的属性或方法会覆盖 behavior 中的同名属性或方法;若组件本身无这个属性或方法,则在组件的 behaviors 字段中定义靠后的 behavior 的属性或方法会覆盖靠前的同名属性或方法;

猜你喜欢

转载自blog.csdn.net/ljt2724960661/article/details/112446157
今日推荐