Ember Views For Dummies

O conceito de vista em Ember era desconhecido para mim por um longo tempo até que eu assisti Justin Giancola de apresentação .
Então, o que é uma vista em Ember? Eu vou te dizer porque você mereceu!

O que você vê é tudo sobre visualizações

Ei, Sr. Canny, É óbvio, não é? Uh-oh, certo, mas a descrição nos guias do Ember é meio sem o exemplo prático e vital.

E a verdade é que todo e qualquer template de Handlebars acaba sendo renderizado como uma visualização, quer você goste ou não. Por padrão, o Ember faz isso implicitamente para você. Quer uma prova?

Este modelo de aplicativo Ember externo: (quer você precise ou não)

<script type="text/x-handlebars">
    <h1>My App</h1>
</script>

Será processado implicitamente mais ou como:

<div id="ember160" class="ember-view">
    <h1>My App</h1>
</div>

Como eu disse, você pode alterá-lo explicitamente com um pouco de esforço:

App.ApplicationView = Ember.View.extend({
    elementId: 'wrapper',
    classNames: ['foo', 'bar', 'baz']
});

E o resultado:

<div id="wrapper" class="ember-view foo bar baz">
    <h1>My App</h1>
</div>

Resumindo: tudo o que você vê em uma página e tudo com que interage é uma visualização explícita ou implícita do Ember. Goste você ou não. 🙂