vuejs从主模型到对象获取值

Question

我有一个基本的问题。我正在尝试将数据从我的vue模型的主要区域获取到对象内部。我试过使用应用程序$data.name我也试过这个.name，但我无法让它正常工作。

new Vue({
el: "#app",
data: {
name:"Bobby",
currentCard: {},
currentCard: {
author: this.name,
},
},
methods: {

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
{{currentCard.author}}
</div>

Answer 1

我认为这是不可能的，您可以使用计算值。

new Vue({
el: "#app",
data() {
return {
name: "Bobby"
};
},
computed: {
currentCard() {
return {
author: this.name
};
}
},
methods: {}
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
{{currentCard.author}}
</div>