vue router Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
// router.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from './components/Home.vue'
import ListView from './components/ListView.vue'
import Counter from './components/Counter.vue'
Vue.use(VueRouter)
export default new VueRouter({
mode: 'history',
routes: [
{
name: 'home',
path: '/',
component: Home
},
{
name: 'listview',
path: '/list',
component: ListView
},
{
name: 'counter',
path: '/counter',
component: Counter
}
]
})
// App.vue
import 'bootstrap/dist/css/bootstrap.min.css'
import Vue from 'vue'
import App from './App.vue'
import vueRouter from './router'
import vueStore from './vuex/store'
Vue.config.productionTip = false
new Vue({
store: vueStore,
router: vueRouter,
render: (h) => h(App)
}).$mount('#app')