Ember.js: Accepted best practices for communication between child and parent components

I'm new to ember.js and one of the things I've found really difficult to understand is the 2-way communication of data and events between parent and child components.

I managed to solve a simpler problem in regards to maintaining a list of items, keeping track of which one was active, and changing the active child from the parent component. The pattern is summed up in this jsbin.

I'm wondering, is this the best approach to solving my problem ? Despite ember being 'highly opinionated' I find there are so many different ways to achieve the same thing so just looking for some reassurance or redirection.