前面Step4 5 7包括8用到了MVC的概念，这一步用的是另一个很重要的结构组件Component。我们可以把UI assets装到一个index.html之外的一个独立的组件中，组件是可以被复用的，我们访问资源的时候就可以直接关系到这个组件而不是再关系到index.html。这种形式使APP更容易的被周围的Container使用，比如Fiori Launchpad。
- 在根目录新建一个文件Component.js，和index.html相同路径
组件继承自基础classsap.ui.core.UIComponents，并且在重写的init方法里必须调用基础class的init函数。 - 在完成上面基础代码的基础上完善Component
可以看到这里主要加了两部分：
metadata定义rootview。现在由Component来管理app view的显示。- 之前在Controller介绍过的
init函数，这个在Component组件被初始化时就会被调用。
- 当然
init挪到Controller之后就要把Controller里的删掉，不再截图了。(记得把上面参考的路径也删掉) - 修改
index.html,这时就不再实例化View了，而改为了现在的Componentsap.ui.core.ComponentContainer:
总结一下
手边没有趁手工具就用mspaint画一个吧，我觉得这个图画出来思路就清晰了，不用再解释了吧。
