在 vue 組件中使用 props

Question

我剛學Vue，現在從props開始。 我無法將它們集成到下面的代碼中。 我想做一個道具name可以發送到greet組件。 我希望name顯示在組件<greet name="User"></greet>中並呈現： <div>Welcome, User!</div>

Vue.component('greet', {
  data() {
    return {

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

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

Answer 1

有很好的文檔

 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>