Vue-route路由的嵌套使用

在vue項目中往往會用到Vue route的嵌套，通過在route中添加children可以實現(xiàn)路由的嵌套功能。

import VueRouter from 'Vue-router' import Vue from 'vue'//懶加載 const Home = () => import('../component/Home') const HomeNewscom = () => import('../component/Home') const HomeMessagescom = () => import('../component/Home')const routes = [{path : '',//重定向redirect : '/home',},{path : '/home',component : Home,//路由的嵌套children:[{path : '',//重定向redirect : 'news'},{path : 'news',component : HomeNewscom },{path : 'messages',component : HomeMessagescom }]} ]const router = new VueRouter({routes}) export default router;

總結(jié)

以上是生活随笔為你收集整理的Vue-route路由的嵌套使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。