You can easily define a component in Ember.js and each component must have a dash in their name.

Component lifecycle uses some of the methods in order to execute the code at specific times in a component’s life.

The component doesn’t access the property directly in the template scope. Therefore, just declare the property at the time of component deceleration.

You can wrap the content in a component by using the templates.

You can customize the component’s element such as attributes, class names by using a subclass of Ember.Component in the JavaScript.

The passed properties in a component can give back the result in a block expression.

The user events such as double-click, hovering, key press etc can be handled by event handlers. To do this, apply the event name as a method on the component.

Components can trigger the changes and communicate with events by using the actions.