Javascript 如何使v-for返回一个单词加上上上一个单词vue

下午好，我正在使用vue进行练习，如何创建一个for循环，并逐字返回上一个循环

<div v-for="option in this.options.split(' ')" :key="tag" >
 <h2>{{option}}</h2>
</div>

data() {
return {
  options:'the green house'
}
},

我希望你能回来

the
the green
the green house

---

我该怎么做呢？

您应该创建一个

computed

属性，以避免模板中的逻辑混乱。然后，你可以使用，和

演示：

newvue({
el:“#应用程序”，
数据（）{
返回{选项：'温室'}；
},
计算：{
选项数组（）{
返回此.options.split（“”）
.map（（u，i，arr）=>arr.slice（0，i+1）.join（“”））；
}
},
});

{{option}}
您应该创建一个
computed
属性，以避免模板中的逻辑混乱。然后，你可以使用，和

演示：


newvue({
el:“#应用程序”，
数据（）{
返回{选项：'温室'}；
},
计算：{
选项数组（）{
返回此.options.split（“”）
.map（（u，i，arr）=>arr.slice（0，i+1）.join（“”））；
}
},
});

{{option}}
您可以创建一个
computed
属性，该属性返回预期列表，如下所示：


newvue（{
el:“应用程序”，
数据：（）=>（{选项：'温室'}），
计算：{
myOptions（）{
const list=this.options.split（“”）；
返回list.map（（选项，i）=>list.slice（0，i+1）.join（“”）；
}
}
});

{{option}}
您可以创建一个
computed
属性，该属性返回预期列表，如下所示：


newvue（{
el:“应用程序”，
数据：（）=>（{选项：'温室'}），
计算：{
myOptions（）{
const list=this.options.split（“”）；
返回list.map（（选项，i）=>list.slice（0，i+1）.join（“”）；
}
}
});

{{option}}

the
the green
the green house