将一个 int 变量数据从 laravel 控制器传递给 vue 组件

如何解决将一个 int 变量数据从 laravel 控制器传递给 vue 组件

我是 Laravel 和 vue 的新手，我想将一个 int 变量数据从 Laravel 控制器传递给 vue 组件。

这是控制器，我想在其中查看用户“3”和“1”之间的关系。 如果跟随者 3 跟随 1，则变量 $foll=1，否则 $foll=0

  public function checkfollow($id)
           {
           
            $user = User::findOrFail(3);
            $checkUser = User::findOrFail(1);
            
            if ($user->isFollowing($checkUser)) {
                $foll=1;
                return response()->json(['foll'=>$foll],200);
              
            } else {
                $foll=0;
                return response()->json(['foll'=>$foll],200);
            
            }

           }

这是组件

<template>
  <div ip="app">
    <p>test</p>

    <div v-if="foll !== 1"> Not followed </div>
    <div v-else> followed  </div>   
        
   </div>
</template>


<script>
  export default {
    props:['foll']
    
    
    }
</script>

控制器的部分工作正常，但是当我尝试将其发送到组件时它不起作用 变量“foll”无法正常工作，我无法声明“未遵循”和“已遵循”。（它不会改变）

感谢您的帮助，非常感谢