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

【學習目標】

    通過學習 HelloWorld App學會使用WeX5開發(fā)App的過程，包括新建應用、新建頁面、運行調試、生成App、運行App。初步了解WeX5的雙向數(shù)據綁定。

【案例說明】

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

圖1-21  Hello World App運行效果

【在線資源】

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

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