# app/components/outside-component.js
import Ember from 'ember';

export default Ember.Component.extend({
  counter: 1
});

# app/templates/components/outside-component.hbs
{{yield}}

# app/templates/application.hbs

{{#outside-component}}
  {{counter}}
{{/outside-component}}