如何向Laravel blade显示vue数据？

我有一个与Laravel+vue.js的项目。 我制作了一个vue组件，它从控制器获取一些数据。 我想使用v-for在视图中显示数据，但没有显示任何内容

vue模板代码

{{val.app_name}
...

vue脚本部分

导出默认值{
数据：函数（）{
返回{
过期日期：[]
}
},
安装的（）{
console.log（“此处过期”）；
这是.getExpiredIosData（）；
},
方法：{
getExpiredIosData:函数（）{
axios.post（“/expired”）
。然后（响应=>{
对于（var i=0；i

控制台.log的结果

{app_name:“app1”，app_id:“migunstyle”，ios_dev_exp:“2019-01-16”}
{app_name:“app2”，app_id:“jcalling”，ios_dev_exp:“2019-02-19”}
{app_name:“app3”，app_id:“modoobebe”，ios_dev_exp:“2019-03-08”}
{app_name:“app4”，app_id:“babyfactory”，ios_dev_exp:“2019-03-19”}
{app_name:“app5”，app_id:“merrygirl”，ios_dev_exp:“2019-03-21”}
...

---

我做错了什么？

尝试直接将整个数组设置为data属性

getExpiredIosData: function() {
  axios.post('/expired')
  .then(response => {
      this.expiredIos = response.data; // <-- Set property directly
  });
}

getExpiredIosData:function（）{
axios.post（“/expired”）
。然后（响应=>{
this.expiredIos=response.data；//尝试使用查看数据是否正确设置为组件状态。我不知道为什么，但vue开发工具在我的项目中无法正常工作。好的，问题是我必须声明
expiredIos
变量，如
expiredIos:[{}]
。我不明白，但不管怎样，@Jerodev解决方案还是有效的。谢谢。