WeX5 实战案例：Hello World App

【学习目标】

    通过学习 HelloWorld App学会使用WeX5开发App的过程，包括新建应用、新建页面、运行调试、生成App、运行App。初步了解WeX5的双向数据绑定。

【案例说明】

    Hello World App是学习WeX5开发的第一个应用，是只有一个页面的入门应用。案例运行效果如图1-21。App运行效果是，在输入框input中输入“小伙伴”，在输入框下面显示“Hello 小伙伴”。因此，页面中的展现组件就使用input和output组件，input组件作为输入框，output组件用于显示文本。增加数据组件data，使用双向数据绑定机制，input和output都关联data。input中的内容会存入data组件，data组件中的值会显示在output中。

图1-21  Hello World App运行效果

【在线资源】

       本案例提供开发过程视频讲解使用WeX5开发App的过程。

 1-2  开发Hello World App