Mezcla de componentes de comportamientos de applet de WeChat

Uno, comportamientos

behaviors Es una función para compartir código entre componentes, similar a "mixins" o "rasgos" en algunos lenguajes de programación.

Cada uno  behavior puede contener un conjunto de atributos, datos, funciones y métodos del ciclo de vida. Cuando un componente hace referencia a él, sus propiedades, datos y métodos se fusionarán en el componente, y las funciones del ciclo de vida también se llamarán en el momento correspondiente.  Cada componente puede referirse a varios  behavior , behavior usted puede referirse a otros  behavior .

Para obtener información detallada sobre el significado y el uso de los parámetros, consulte el  documento de referencia de comportamiento .

Dos, utilizado en el componente

1. Crea comportamientos

 

Escribe un archivo js para mezclar nuestros comportamientos

modelo:

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

2. Escriba el método que necesitamos para mezclar en el componente.

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

3. El componente introduce mixin.js y llama al método 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方法
       
    }
  }
})