???? ?????? ?? ????? ?? ????? ??? ?? ?? ?? ??? ???? ?? ?? ??, ???? ? ?? ??? ?????. ????? ??? ??? ????!

???? ?????

??? Vue.js? ???? ???? ?? ?????? ?? ?? ??? ???? ? ???? ?????. ?? ??, ?? ?? ??? ??? ??? ?? ??? ???, ? ?? ???? ?? ??? ??? ???, ??? ? ??? ??? ????? ??? ? ????. ??? ? ??? ???? ??? ?????? ?? ??? ?????

---

?? ?? ??

• ?? ?????? ? ???? ??? ??, ???, ?? ?? ? ???? ??? ? ????. ?? ??? ?? ???? ?? ??, ??? ? ???? ?? ??? ?????.
• ? ?? ??? ?? ??? ??? ? ??? ? ??? ??? ??? ?? ????.

---

?? ??

behaviors(Object Object) ???? ???? ??? ?? ?? ????? ?????. ?? ?? ???? ??? ??behaviors(Object Object) 方法就可以創(chuàng)建一個(gè)共享的 behaviors 實(shí)例對(duì)象，供所有的組件使用

//使用 module.exports 將 behavior 實(shí)例對(duì)象共享出去
module.exports = Behavior({
    
    //私有數(shù)據(jù)節(jié)點(diǎn)
    data: { },
    
    //屬性節(jié)點(diǎn)
    properties: { },
    
    //事件處理
    methods: {  }
})

---

behaviors 的導(dǎo)入與使用

在組件中，使用 require() 方法導(dǎo)入需要的 behaviors，掛載后即可訪問(wèn) behaviors 中的數(shù)據(jù)或方法

//1.使用 `require()` 導(dǎo)入需要的自定義 behaviors 模塊
const myBehaviors = require("../../behaviors/behaviors")

Component({

  //2. 將導(dǎo)入的 behaviors 實(shí)例對(duì)象，掛載到 behaviors數(shù)組的節(jié)點(diǎn)中便可以使用
  behaviors: [myBehaviors],
  
  properties: {
    //...
  }
  
  //其他代碼...
})

---

behaviors 中所有可用的節(jié)點(diǎn)

比較常用的有 properties、data、methods、behaviors

可用的節(jié)點(diǎn)	類(lèi)型	是否必填	描述
properties	Object Map	否	同組件的屬性
data	Object	否	同組件的數(shù)據(jù)
methods	Object	否	同自定義組件的方法
behaviors	Sting Array	否	引用其它的 behaviors
created	Function	否	生命周期函數(shù)
attached	Function	否	生命周期函數(shù)
ready	Function	否	生命周期函數(shù)
moved	Function	否	生命周期函數(shù)
detached	Function	否	生命周期函數(shù)

---

同名字段的覆蓋和組合規(guī)則

組件和它引用的 behaviors 中可以包含同名的字段，此時(shí)可以參考以下三種同名的處理規(guī)則

• 同名的數(shù)據(jù)字段 （data）

  • 若同名的數(shù)據(jù)字段都是對(duì)象類(lèi)型，會(huì)進(jìn)行對(duì)象合并
  • 其余情況會(huì)進(jìn)行數(shù)據(jù)覆蓋，覆蓋規(guī)則： 組件 > 父 behaviors > 子 behaviors 、靠后的 behaviors > 靠前的 behaviors（優(yōu)先級(jí)高的覆蓋優(yōu)先級(jí)低的，最大的優(yōu)先級(jí)最高）

• 同名的屬性(properties)或方法(methodsrrreee

  ?? ???? ? ??
  • ?? ???? require()? ?????. ? ???? ?? ??? ?????. . ??? ??? ??
  rrreee
  ???? ?? ??? ?? ??

• ? ????? ???? ??? ?????. code>, <code>???, ???, ??
  ?? ? td>???

  ?? ??? ??	??	??	??
  ??	???	?? ????? ??
  ???	??	???	?? ?? ??? ???
  ???	??	??? td>	??? ?? ?? ?? ???? ??
  ??	Sting Array	???	?? ?? ??
  ???	??	??	??? ??? ??
  ??	??	???	?????? ??
  ??	??	???	??? ??? ??
  ??	??	???	??? ??? ??
  ???	??	??? ??? ??

  ??? ??? ?? ??? ?? ??? ? ?? ??
  • ???? ?? ??? ???? ??? ??? ??? ??? ? ????. ? ?? ??? ??? ?? ?? ? ?? ?? ??? ??? ? ????.
    • ??? ??? ?? ??? ??(data) )
    • ??? ?? ?? ??? ??? ?? ?? ???? ?? ??? ?????.
  ? ?? ???? ?? ?? ??: ?? ?? > ?? ?? > > ?? ??(?? ????? ???) ????? ?? ?? ? ?? ?? ?? ????? ????. ?? ??

  ?? ?? ??? ? ???? ???? ??? ?? ??? ???? ???? ???? ??? ??? ???? ???? ?????. ?? ??? ?? ??? ??? ?? ??? ?? ?? ???? ?? ??? ??????. ??? ??? ?? ?? ?? ???

?? ??? ??? ??? ?? ??? ??? ?? ?? ??? ??? ????. ?? ??? ??????. ?? ???? ??? ??? ?? ?? ?? ???

???? ??? ?? ??? ??? ????????Between ??? ??? ??? ?? ?? ???? ??? ??? ??? ??? ?????????? ??? ??? ??? ??? ?? , ?? ??? ??????????? ?? ?? ???? ??????????? ??? ?? ???? ??????????? ??? ?? ???? ?????. ?? ??? ???????????????? ??? ?? ? ???? ?? ?????? ?????? ??? ? ?? ????? ???????????????[?? ?? ?? ??: ??Mini ???? ?? ??????]??

? ??? ?? ????? ??? ????? ?? ??? ??? ?????? ??? ??? ??????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!