如何在 Vue js 中显示 Laravel 会话购物车值？

Question

我正在使用 laravel 和 vue js 处理购物车，购物车在 laravel foreach 循环中工作正常，因为我知道以 laravel 格式从会话中提取值的方法，但我的问题是我想显示会话（ 'cart') 现在使用 v-for。我知道我对来自控制器的响应的理解存在一些问题，但我无法在 vue js 中处理它。

我发送会话的控制器（'cart'）

public function fetchCart(){
        $cart = session('cart');
        return $cart;
        

    }

我试图在其上显示的刀片文件代码

<script>
 var vcart = new Vue({
        el:'#cart',
        data:{
            cart:{},
            result:[],
            total:0,
        },
        methods:{

  displaycart:function(){
        axios.get('/fetch/cart').then((res)=>{

            this.cart = res.data;
            console.log(this.cart);

           



            
            
        })
    }
    
    },
},
    mounted(){
        
        this.displaycart();
    }
</script>

我在控制台登录的响应

{__ob__: Observer}
1: Object
  on expanding   
         id: 1
         image: "https://www.techpowerup.com/img/ataZdYFc0NyRhMuU.jpg"
         name: "GPU"
         price: 23999
         quantity: 1
2: Object
 same as above
5: Object

控制台出错

属性或方法“row”未在实例上定义，但在渲染期间被引用。