使用 json_encode 将数据从 Laravel 传递到 Vue 不起作用

如何解决使用 json_encode 将数据从 Laravel 传递到 Vue 不起作用

我正在将以下数据从我的 Laravel 控制器传递给 Vue

 $myarray['date'] = $deadline_day->toFormattedDateString();
 $myarray['past_deadline'] = $past_deadline;
 $myarray['days_past'] = $days_past;

 return  [
            'deadline' => json_encode($myarray),'house' => new HouseResource($house)
          ];

然后我使用 Vuex 在我的组件中接收数据

<script>
import { mapGetters,mapActions } from "vuex";
export default {
 computed: {
      house: "rent/tenant_rent",deadline: "rent/rent_deadline"
        })
    },</script>

当我回显模板中的 deadline 计算属性时：

<template>
    <div>
DEADLINE: {{ deadline }}<br>

   </div>
</template>

我得到以下结果：

DEADLINE: {"date":"Apr 4,2021","past_deadline":true,"days_past":3}

但是现在我想用以下行写下日期：

<template>
    <div>
DEADLINE: {{ deadline.date }}<br>

   </div>
</template>

返回空结果如下：

DEADLINE: