Laravel – Vue.js routes doesn’t work properly

i’m pretty new to vue.js also i’m using laravel 8 and php 7.24 what i want to do is access pages without reloading. i’ve set up vue.js and i have two vue components which i need to route one to another. problem is i can see the home.vue file’s ingrediants but routing function doesn’t work.

app.js file

require('./bootstrap');

window.Vue = require('vue');

import VueRouter from 'vue-router';
import routes from './routes';

Vue.use(VueRouter);

const app = new Vue ({
el: '#app',
router: new VueRouter(routes)
});

route.js file

import home from './components/home.vue';
import example from './components/example.vue';
export default{
mode: 'history',
linkActiveClass: 'font-semibold',
routes: [
{
path: '/vue',
component: home
},
{
path: '/vue/example',
component: example
}
]
}

home.vue file

<template>
<router-link to="/vue/example"><a>url to example</a></router-link>
</template>
<script>

</script>

example.vue file


<template>
<router-link to="/vue"><a>Back to the root</a></router-link>
</template>
<script></script>

here is how i defined my routes (without them page’s doesn’t work)

Route::get('/vue', function () {
return view('vue.index');
});
Route::view('/vue/example', 'vue.index');

here is lastly my index blade and i cant see my components here do you guys see smth wrong?

<div id="app"></div>
<h1>This is a vue component</h1>

<router-link to="/vue/example" exact><div class="button">please send me to another page</div></router-link>
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>

from Newest questions tagged laravel-5 – Stack Overflow https://ift.tt/2IpN86r
via IFTTT

Related Posts

Codeigniter : Parse error: syntax error, unexpected ‘const’ (T_CONST), expecting variable (T_VARIABLE) in Laravel project

I’m getting following error: **Parse error: syntax error, unexpected ‘const’ (T_CONST), expecting variable (T_VARIABLE)** Note : It’s working in local but facing issue in production server. private…

Firebase receive notification while tab is active or on focus

What i want is to be able to perform an action when a user receives a notification while the browser is open and tab is active or…

Laravel’s alias loader does not find class

We have a legacy project that we cannot update and we need to make some changes in symfony’s Response.php in vendor. We have solved this by copying…

Laravel 5 – generic document management

I have a system where you can create different types of unique documents. For instance, one document is called Project Identified and this expects certain inputs. Originally,…

Laravel Nova limit the results in indexQuery

I ran intro a situation where I need to limit the results of a resource to only 3 results. To be more specific, based on the logged…

Auditoria en laravel 5.8 [closed]

Cómo puedo automatizar el registro de actividades de un usuario en laravel? Si un usuario ingresa a un app de laravel, debo guardar toda su actividas, a…

Leave a Reply

Your email address will not be published.