[Vuejs]-Using props in vue components

Vue.component('greet', {
  props: {
    'player-name': {
      type: String,
      required: true
    }
  },
  data() {
    return {

    }
  },
  template: '<div>Welcome {{playerName}}!</div>'
})

new Vue({
  el: '#app'
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <greet player-name="User"></greet>
</div>