Javascript 将vue.js中的结果附加到基于语义UI的模板

我正在努力添加“加载更多”，这将加载更多的随机产品在当前页面。我的问题是，它不是追加，而是更改用户将单击“加载更多”的当前值。单击“加载更多”时，如何添加值而不更改以前的值

[[i.OfferPercentage]]%折扣
加载更多

var app5=新的Vue({
el:“#app-5”，
分隔符：['['，']]']，
数据：{
信息：[]
},
方法：{
反向消息：函数（）{
axios.get（）http://127.0.0.1:5000/test）。然后（响应=>{
this.message=response.data；
});
}
}
});

不要替换此消息。请在其后面附加以下内容：

axios.get('http://127.0.0.1:5000/test').then(response => {
    this.message.push(...response.data);
});

---

你如何生成数据？生成数据@BoussadjraBrahimi mean random products通过公开烧瓶中的API并使用MongoDB作为数据库来加载随机产品。我正在使用MongoDB聚合样本函数加载数据-->mob=db.Products.Aggregate（[{'$sample'：{'size'：60}]）。所以当你点击“”时。我会给你随机的产品@BoussadjraBrahimI尝试了这个方法，效果很好。非常感谢@jotaelesalinas。顺便说一句，有任何安全风险吗？我没有看到任何安全风险。但请记住，您必须使用

.catch（）

检查故障。

axios.get('http://127.0.0.1:5000/test').then(response => {
    this.message.push(...response.data);
});