[Vuejs]-Laravel VueJs : `router-view` does not render the component

0๐Ÿ‘

You need to declare your base path in touter config like this :

export default new VueRouter({
  mode:'history',
  routes:[

    { path: '/:listing', component: ListingPage, name: 'listing' }
  ],
  base:'/listing',
  root:'/',

});

0๐Ÿ‘

I think that inside of
"render: h => h(App)" you can use

components: {App},
template: '<App></App>'

Then the app.js code will be like:

import  router  from './router';
import App from '../components/App.vue';

var app = new Vue({
    el: '#app',
    components: {App},
    template: '<App></App>',
    router
});

I hope that works.

best regards!

Leave a comment