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>

在Vue中访问组件属性

1 个答案: