<div id="app">
  <child :text="message"></child>
</div>

#app {
  padding: 30px;
}

Vue.component('child', {
  props: {
    text: {
      type: Boolean,
      required: true
    }
  },
  template: `<div>{{ text }}</div>`
})

new Vue({
  el: '#app',
  data() {
    return {
      message: 'Hello Mr. Magoo'
    }
  }
})