Mélange de composants applets-comportements WeChat

Premièrement, les comportements

behaviors C'est une fonctionnalité de partage de code entre les composants, similaire aux "mixins" ou aux "traits" dans certains langages de programmation.

Chacun  behavior peut contenir un ensemble d'attributs, de données, de fonctions de cycle de vie et de méthodes. Lorsqu'un composant y fait référence, ses propriétés, données et méthodes seront fusionnées dans le composant et les fonctions de cycle de vie seront également appelées au moment correspondant.  Chaque composant peut faire référence à plusieurs  behavior , behavior vous pouvez vous référer à d'autres  behavior .

Pour connaître la signification et l'utilisation détaillées des paramètres, veuillez consulter le document de référence sur le  comportement .

Deux, utilisé dans le composant

1. Créer des comportements

 

Ecrire un fichier js pour mettre nos comportements mélangés

modèle:

//mixin.js
module.exports = Behavior({
  behaviors: [],
  properties: {
    myBehaviorProperty: {
      type: String
    }
  },
  data: {
    myBehaviorData: {}
  },
  attached: function(){},
  methods: {
    myBehaviorMethod: function(){}
  }
})

2. Notez la méthode dont nous avons besoin pour mélanger le composant

module.exports = Behavior({
 
  methods: {
    $emit(ename,evalue){
      this.triggerEvent(ename, evalue)
    }
  }
})

3. Le composant introduit mixin.js et appelle la méthode mixin

// components/searcher/index.js
import my_mixin from "../../utils/mixin"
Component({
  behaviors: [my_mixin],
  /**
   * 组件的属性列表
   */
  properties: {
  },

  /**
   * 组件的初始数据
   */
  data: {
    myEventDetail:{
      name:'小米'
    }
  },

  /**
   * 组件的方法列表
   */
  methods: {
    onTap(){
       this.$emit('myevent', this.data.myEventDetail)//调用$emit方法
       
    }
  }
})