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')
Are there any code examples left?
New code examples in category Javascript
-
Javascript 2023-04-21 22:52:36
-
Javascript 2022-03-27 22:25:20 javascript download string as file
-
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
-
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
-
Javascript 2022-03-27 21:15:02 javascript regex french phone number
-
Javascript 2022-03-27 21:05:03 cypress custom error message
-
Javascript 2022-03-27 21:00:05 create element javascript with id
-
Javascript 2022-03-27 20:40:57 feather icons react
-
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
-
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password