EmberJS - 视图树

视图树提供应用程序当前状态，其中包括以树状格式呈现的当前渲染的模板、模型、控制器和组件。

你可以检查模板以了解 Ember 应用程序如何对其进行渲染 −

单击视图树中的模板名称，你将看到元素面板下所选的 DOM 元素 −

默认情况下，视图树会忽略组件，可以通过选中组件复选框将它们加载到视图树中。

当将光标悬停在视图树中的项目上时，你可以看到高亮的模板名称及其关联的对象。

在上图中，我们已经将光标悬停在一个用红色圆圈标出的项目上，并且模板与应用程序中的其他对象一起突出显示。

你可以在视图树的持续时间部分下看到给定模板的渲染持续时间。