WeX5 實(shí)戰(zhàn)案例：Hello World App

【學(xué)習(xí)目標(biāo)】

    通過學(xué)習(xí) HelloWorld App學(xué)會(huì)使用WeX5開發(fā)App的過程，包括新建應(yīng)用、新建頁(yè)面、運(yùn)行調(diào)試、生成App、運(yùn)行App。初步了解WeX5的雙向數(shù)據(jù)綁定。

【案例說明】

    Hello World App是學(xué)習(xí)WeX5開發(fā)的第一個(gè)應(yīng)用，是只有一個(gè)頁(yè)面的入門應(yīng)用。案例運(yùn)行效果如圖1-21。App運(yùn)行效果是，在輸入框input中輸入“小伙伴”，在輸入框下面顯示“Hello 小伙伴”。因此，頁(yè)面中的展現(xiàn)組件就使用input和output組件，input組件作為輸入框，output組件用于顯示文本。增加數(shù)據(jù)組件data，使用雙向數(shù)據(jù)綁定機(jī)制，input和output都關(guān)聯(lián)data。input中的內(nèi)容會(huì)存入data組件，data組件中的值會(huì)顯示在output中。

圖1-21  Hello World App運(yùn)行效果

【在線資源】

       本案例提供開發(fā)過程視頻講解使用WeX5開發(fā)App的過程。

 1-2  開發(fā)Hello World App