App.vue Integrasi Laravel 7 Dan Vue.js

App.vue

<template>
    <div>
        <!-- navbar -->
        <nav class="navbar navbar-expand-sm navbar-light bg-white shadow-sm">
            <a href="#" @click.prevent="" class="navbar-brand">Lara7vuejs</a>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <router-link class="nav-link" :to="{ name:'home' }">
                            Home
                        </router-link>
                    </li>
                    <li class="nav-item">
                        <router-link class="nav-link" :to="{ name:'about' }">
                            About
                        </router-link>
                    </li>
                    <li class="nav-item">
                        <router-link class="nav-link" :to="{ name:'contact' }">
                            Contact
                        </router-link>
                    </li>
                </ul>
            </div>
        </nav>

        <!-- content -->
        <div class="container">
            <router-view></router-view>
        </div>
    </div>
</template>