尝试使用道具将数据传递给全局对象，但无法获取要显示的数据

Question

我正在尝试将数据从组件传递到全局对象。我的组件正常工作，但是作者显示不正确。谁能告诉我我在做什么错？

let store = {
  _author: 'Johnnie Walker',
};

Vue.component('post', {
  template: '#post-template',
  props: ['title', 'author', 'content']
});

var vm = new Vue({
  el: '#app',
  data: {
    author: store,
    title: 'Aging Your Own Whisky',
    content: 'A bunch of steps and a whole lot of content'
  }
});

https://jsfiddle.net/syed263/yk8L1tru/1/

Answer 1

store是一个对象，并且其中有一个名为_author的属性。

您的data应该是-

data: {
  author: store._author,
  title: 'Aging Your Own Whisky',
  content: 'A bunch of steps and a whole lot of content'
}