当Laravel带来vuejs时,盒子决定尝试实现路由器链接 .
当我检查我的控制台时,我看到了这个错误:
Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
这就是我的app.js目前的样子:
import Vue from 'vue'
import VueRouter from 'vue-router'
import Articles from './components/Articles.vue'
import Navbar from './components/Navbar.vue'
Vue.use(VueRouter);
const routes = [
{
path: '/', component: Articles
},
{
path: '/contact', component: Navbar
}
]
const router = new VueRouter({routes: routes})
const app = new Vue({
el: '#app',
router,
})
在我的app.blade模板(默认情况下带有laravel的模板)我添加了这个:
<li>
<router-link class="nav-link" :to="'/'">Home</router-link>
</li>
此外,当我检查元素时,我看到router-link标签没有被转换 . 我有y依赖的vue-router和资源
"dependencies": {
"vue-resource": "^1.5.0",
"vue-router": "^3.0.1"
}
我的aap.blade文件我有组件
<div class="container">
<articles></articles>
</div>
如何在laravel中使用路由?
提前致谢