javascript - 在 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>'

它没有问题。

知道有什么问题吗？

标签： javascriptvue.js

Answer 1

movie这是你的组件的一个属性，你应该尝试这样的事情：

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