EmberJS - Ver árbol
El árbol de vista proporciona el estado actual de una aplicación que incluye la plantilla, el modelo, el controlador y los componentes representados actualmente en un formato de árbol.
![](https://assets.edu.lat/emberjs/images/emberjs-view-tree.jpg)
Puede inspeccionar la plantilla para ver cómo la representa la aplicación Ember:
![](https://assets.edu.lat/emberjs/images/emberjs-view-tree1.jpg)
Haga clic en el nombre de la plantilla en el árbol de vista y verá los elementos DOM seleccionados en el panel Elementos -
![](https://assets.edu.lat/emberjs/images/emberjs-view-tree2.jpg)
Por defecto, el árbol de vistas ignora los componentes y se puede cargar en el árbol de vistas marcando la casilla de verificación Componentes .
![](https://assets.edu.lat/emberjs/images/emberjs-view-tree3.jpg)
Puede ver el nombre de la plantilla resaltada y sus objetos asociados cuando coloca el cursor sobre los elementos en el árbol de vista.
![](https://assets.edu.lat/emberjs/images/emberjs-view-tree4.jpg)
En la imagen de arriba, hemos pasado sobre un elemento que está redondeado con color rojo y la plantilla relacionada está resaltada con los otros objetos en su aplicación.
Puede ver la duración de la representación para la plantilla dada en la sección Duración en el árbol de vista.
![](https://assets.edu.lat/emberjs/images/emberjs-view-tree5.jpg)