[Vuejs]-Child component not updating when prop (boolean) is changed by parent component

I actually found the solution myself jut now:

In the child component I was trying to access the props’ data through the data object. But I just accessed to props’ data directly like so:

<div   
  :class="{ 'modal--show': modal }"> 
...

export default {   
  props: {
    modal: Boolean 
  } 
}