javascript - 访问 Vue 中的组件属性

Question

我正在学习 Vue，我有这个简单的组件:

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

它有效并且 ID 正确显示，但我收到警告:

[Vue warn]: Error in render: "TypeError: movie is undefined"

现在:当我像这样更改模板时:

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

它工作没有问题。

知道出了什么问题吗？

Answer 1

movie 这是您组件的一个属性，您应该尝试这样的操作:

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