How to render data from database in table in VueJs/Laravel components/blade?

I am working on my first project and i have this error. [ warn]: **Property or method "employees" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

This is code in

Employees Index . vue

<tr v-for="employee, index in employees">
                    <td></td>
                    <td></td>
                    <td></td> etc.

This is my code in index.blade.php

@extends('layouts.app')
     @section('content')
        <div class="container">
            <div class="row">
                <div class="col-md-8 col-md-offset-2">
                    <div class="panel panel-default">
                        <div class="panel-heading">Employees</div>
                        <div class="panel-body table-responsive">
                    <router-view name="EmployeesIndex"> </router-view>
                            <router-view> </router-view>
                        </div>
                    </div>
                </div>
            </div>
       </div>
@endsection

****The rest of page is visible, just data from database in table is missing. Dev tools in console safari shows that i get empty object on this index.blade.php page.****

via Chebli Mohamed