Hi all,

Currently wondering what workflow to use when using

• The Laravel Router
• Vue components in separate .vue files

With Laravel and blade

In the past I've been doing such:

index.blade.php

<table>
    @foreach($items as $item)
        <tr>
            <td>
                <a href="{{route('items.show',$item->id)}}">View Item</a>
            </td>
        </tr>
    @endforeach
</table>

With Vue

Now learning Vue I've been doing something like this:

index.blade.php

<item-table></item-table>

ItemTable.vue

<table>
    <tr v-for="item in items">
        <td>
            <a :href=" 'items/'+ item.id">View item</a>
        </td>
    </tr>
</table>

My question is this:

• Is it good practice to v-bind: the route as a prop to the component?
• If for instance that the view page is no longer on items/view/id (as its hard-coded on the component) or the <item-table> component is used in a directory not relevant to items/view there will be routing issues, is this acceptable practice? (From what Laracast Vue series I have seen, all of the axios routes are hardcoded)
• Do you pass along many props like this ie: auth:user() or is there a better way to transfer blade directives that I'm missing?

Just feeling like a lot of the power of Blade is lost in exchange for the reactivity of vue.

Thanks in advance! :)