laravel vue tabs选项卡 axios mysql

参考：

一:可能是最好的 Vue 入门教程（7）Vue Ajax 的简单使用

一:使用vue.js写一个tab选项卡

image

编辑视图文件，引入相关库:demovueaxios.blade.php

    
    
    
    
    
    
    
    



    

        @{{ active }}
    
    

        
@{{item.text}}
    
    

        @{{contents[active].text}}
    
    

        
@{{ task.title }}
        
@{{ task.excerpt }}
    
    

控制器代码：

    {
    自己在控制器引入视图demovueaxios.blade.php
    }
public function gettype($type)
    {
        $obj = \DB::table('articles')->select('id', 'title', 'excerpt')->where('type',$type)->get();
        $array = json_decode(json_encode($obj), true);
        return $array;

    }
    public function demoaxios(Request $request)
    {
        $da = $request->input('da');
        $articles = $this->gettype($da);
        return $articles;
    }

路由：

 Route::any('demoajax', 'blog\BlogindexController@demoajax');
    Route::any('demoaxios', 'blog\BlogindexController@demoaxios');