Filtering movie list

In the last video, we consolidated our check filter events into a reactive array genres which, in this video, we'll be passing to our movie list component to use in the movie filtering function.

Passing down data

To pass the data down from the root instance to the movie-list component we can simply use props.

Let's first use the v-bind directive to reactively bind the genres array to a to-be-created prop on the movie-list component that we'll name genres.