JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars">
    {{#view App.ParentView}}
       {{view ChildView}}
    {{/view}}
</script>

JavaScript

App = Ember.Application.create()
    
App.ParentView = Ember.View.extend({
    foo: 'bar',
    content: 'Hello',
    ChildView: Ember.View.extend({
      init: function(){
        document.write("A few ways to get a property of the parent view:");
        document.write("<br><br>this.get('parentView').get('foo') => " + this.get('parentView').get('foo'));
        document.write("<br><br>this.getPath('parentView.foo') => " + this.getPath('parentView.foo'));
        document.write("<br><br>this.getPath('contentView.foo') => " + this.getPath('contentView.foo') + " // 'contentView' traverses up the view tree until it finds a view with a content property");
      }   
    })
});