在Vue中訪問組件屬性

Question

我正在學習Vue，我有一個簡單的組件：

Vue.component('movie-tile', {
  props: ['movie'],
  data: function () {
    return {
      count: 0, 
    }
  },
  template: '<div>{{movie.Id}}</div>'
})

它可以正常工作，並且ID正確顯示，但是我收到警告：

[Vue警告]：渲染錯誤：“ TypeError：電影未定義”

現在：當我像這樣更改模板時：

  template: '<div>{{movie}}</div>'

它可以正常工作。

知道有什么問題嗎？

Answer 1

movie在這里是您組件的屬性，您應該嘗試執行以下操作：

<movie-tile movie="{id : 10 , title : 'Harry Poter'}"></movie-tile>