如何在Laravel中设置初始vuex状态？

Question

我在控制器中找到了我要查找的数据，需要在vuex中设置一些状态。我是否需要发出第二个数据库请求，或者是否有某种方法可以将值从我的控制器传递给vuex？

我试图将值作为props传递并更改null状态，但是当我更改状态时，值仍然传递下来。

有没有办法将值从控制器传递到vuex，或者我是否必须将请求加倍并进行2次调用才能加载相同的数据？

Answer 1

您可以执行第二次查询以获取初始状态或通过window.App（或其他）获取这些值。

window.App = {
 initialState: {{ !empty($myInitialState) ? json_encode($myInitialState) : '' }}
};

在Vue.js中，使用window.App.initialState;

更新初始vuex状态

created () {
  this.$store && this.$store.dispatch('SET_INITIAL_STATE', window.App.initialState || {})
}