Javascript 将Laravel变量传递给Vue.js_Javascript_Laravel_Vue.js

Javascript 将Laravel变量传递给Vue.js

javascript laravel vue.js

Javascript 将Laravel变量传递给Vue.js,javascript,laravel,vue.js,Javascript,Laravel,Vue.js,我开始了解Vue.js。我想知道如何将刀片变量传递到Vue.js 像我可以通过Vue.js操作它因为我计划实现一个动态下拉列表。事实上，这里有两个dropddown。因此，无论用户在第一个下拉列表中选择什么，第二个下拉列表将只显示特定的选项我已经尝试通过1.）隐藏元素和通过Javascript检索元素来实现它，或者2.）在页面加载后使用HTTP AJAX请求来初始化元素，但是我发现这个方法有点混乱，或者有点占用资源。除了我上面提到的，还有其他的实现吗谢谢我尝试使用该方法检查我的订阅，发

我开始了解Vue.js。我想知道如何将刀片变量传递到Vue.js

像

我可以通过Vue.js操作它

因为我计划实现一个动态下拉列表。事实上，这里有两个dropddown。因此，无论用户在第一个下拉列表中选择什么，第二个下拉列表将只显示特定的选项

我已经尝试通过1.）隐藏元素和通过Javascript检索元素来实现它，或者2.）在页面加载后使用HTTP AJAX请求来初始化元素，但是我发现这个方法有点混乱，或者有点占用资源。除了我上面提到的，还有其他的实现吗

谢谢

我尝试使用该方法检查我的订阅，发现它非常方便您：-

Vue.component('subscribe', require('./components/Subscribe.vue'));
const app = new Vue({
    el: '#app'
});

请尝试转到以下链接：-

我尝试使用该方法检查我的订阅，发现它很方便您：-

Vue.component('subscribe', require('./components/Subscribe.vue'));
const app = new Vue({
    el: '#app'
});

请尝试转到以下链接：-

您可以通过以下两种方式传递变量：

将变量传递给JSON格式的视图

<script>
    var app = <?=json_encode($locations)?>
</script>

API路由（routes/API.php）

位置控制器

public function getLocations() {
    ...
    return response()->json($locations);
}

您可以实现以下两种方法来传递变量：

将变量传递给JSON格式的视图

<script>
    var app = <?=json_encode($locations)?>
</script>

API路由（routes/API.php）

位置控制器

public function getLocations() {
    ...
    return response()->json($locations);
}

您可以使用Vue、Vuex和Axios

使用.vue时，我认为您不需要.blade

使用Vue+Laravel:

在assets/js中创建App.vue

在App.js中导入App.vue（使用Laravel 5.6的文件夹资产）

是否要将刀片变量传递到Vue.js？使用JSON或XML。我喜欢Json。所以在Laravel控制器->返回json中

在App.vue中，您可以使用axios调用API（使用控制器+路由中的Laravel创建1 API…），并且您拥有所有变量，您需要：）

帮它，帮你。谢谢

您可以使用Vue、Vuex、Axios