Arrays 将数组传递到Vue中的Laravel视图

在拉威尔，我有ProdoctController和CategoryController， im使用此函数传递类别数据：

public function view(){
  $category = Category::all();
  return view('admin.product.main',['category'=>$category]);
}

其在laravel的正常模式下工作：

<select>
 @foreach(category as categories)
   <option value='{{category->id}}">{{category->name}}</option>
 @endforeach
</select>

但在vue js中，我有一个类别：[]在数据中， 我想用这个：

<select v-model="ProductCategory">
<option v-for="category in categories" :value="categories.id">categories.name</option>
</select>

---

如何在categories数组中传递数据？

您可以执行以下操作：

<script type="text/javascript">
    window.data = {!! json_encode([
        'categories' => $categories,
    ]) !!};
</script>

<select v-model="ProductCategory">
    <option v-for="category in window.data.categories" :value="category.id">category.name</option>
</select>

第一部分将类别放到JavaScript中的视图中，然后Vue将访问它们。我认为您应该修复您的类别/类别变量，如果这是一个真实的代码，您没有正确地使用它们，例如，当您有多个集合时，当您只有一个时