Vue router with webpack basic example

javascript frameworks vue.js vuejs2 vue-router

There are several things wrong here.

First, routes is an array of objects.

const routes = [  {path: "/", component: Message}]

Second, for clarity, define your router outside of the Vue definition.

const router = new VueRouter({  routes})

In your Vue definition, the router must be called router.

new Vue({    el: '#app',    router})

Finally, in your template for #app, you'll need a <router-view></router-view>.

CodeHunter