Javascript 无法在vue中显示数据

Javascript 无法在vue中显示数据,javascript,php,laravel,vue.js,Javascript,Php,Laravel,Vue.js,我将这些数据发送到视图中写入但未显示的视图部分,您认为呢 $itemscont=DB::table('items') ->groupBy('level_id')) ->选择raw('level_id,count(*)as type'); $ItemsMdCount=DB::table('items') ->groupBy(“项目\模型\ id”) ->选择raw('project\u model\u id,count(*)as type'); 返回视图('project.view',compac

我将这些数据发送到视图中写入但未显示的视图部分,您认为呢

$itemscont=DB::table('items')
->groupBy('level_id'))
->选择raw('level_id,count(*)as type');
$ItemsMdCount=DB::table('items')
->groupBy(“项目\模型\ id”)
->选择raw('project\u model\u id,count(*)as type');
返回视图('project.view',compact('users','itemsCount','itemsMdCount');
在vue中,我显示
{{itemscont}

如何将数据发送到Vue.js并显示

我尝试过使用AJAX请求,但没有意识到如何正确使用axios。我没有使用太多的vue,我仍然有顾虑,如果你能给我一个提示,我如何显示与第一个选项将是超级酷

Route::get('/get items count id/{modelId}','Ajax\AjaxController\getIemsCount')->name('getItemsCount');
路由::get('/get items md count/{modelId}','Ajax\AjaxController\getItemsMdCount')->name('getItemsMdCount');
公共函数getItemsCount($modelId)
{
$itemscont=Item::where('project\u model\u id',$modelId)
->groupBy('level_id'))
->选择raw('level_id,count(*)as type')->get();
返回$this->successResponse($itemsCount);
}
公共函数getItemsMdCount($modelId)
{
$itemsMdCount=Item::where('project\u model\u id',$modelId)
->groupBy(“项目\模型\ id”)
->选择raw('project\u model\u id,count(*)as type')->get();
返回$this->successResponse($itemsMdCount);
}

按照以下步骤包括axios

步骤1:npm安装--保存axios

步骤2:创建“axios auth.js”文件并粘贴此代码

import axios from 'axios'

const instance = axios.create({
  baseURL: 'http://localhost:3000'
});

export default instance
步骤3:包括从store.js中的“/axios auth”导入axios

步骤4:可以使用vuex进行API调用

步骤5:在vuex Actions属性中,可以调用API,如下所示

signUp({ commit, dispatch }, authData) {
      return axios.post('/register', authData)
    }
第六步:你可以使用

this.$store.dispatch('signUp', formData)
在页面上,将请求API提供

您可以在此处了解有关vuex的更多信息

itemsMdCount:[], 

getItemsCount() 
      {
        window.axios.get(`/get-items-md-count/${this.model.id}`).then(response({
          this:itemsMdCount = response.data.itemsMdCount
        }));
  },