java 使用vue.js_使用Vuejs的方法是什么？

我有一个包含3个组合的页面，6个依赖项输入文本(如果在组合中选择了特殊值，它将显示，否则它将隐藏)

然后，我将有一个计算属性的文本字段 . 每次更改输入时，它都会重新评估此字段值 .

所以，例如，我的字段是：

GradeIni，GradeFin，Category，AgeCategory，AgeIni，AgeFin，Gender(choose)

isTeam(复选框)

CategoryFullName

因此，例如，有5个预定义AgeCategory，第6个是Custom，当选择时，它显示AgeIni和AgeFin

每次更改值时，都会重新评估CategoryFullName .

我知道如何使用Ajax，但在这种情况下，当页面加载时，使用Laravel发送的Server变量更容易 .

所以，答案是2个选项：

@foreach ($grades as $grade)

{{ $grade }}

@endforeach

要么

所以，我想使用第二个，但这意味着我必须为我的页面中的每个选择选项创建一个组件，这看起来有点沉重 .

所以，我对如何制作这个页面感到有点困惑 . AJAX是否更好，是否能够从laravel获取数据，并为每个列表创建一个组件，或者有更好的方法吗？