vue之路由的嵌套(父子路由)
路由的嵌套:
1:配置路由
main.js文件中
import Users from './components/Users'import UserAdd from './components/Users/UserAdd'import UserList from './components/Users/UserList'/*定义路由 */
const routes = [{ path: '/', component: Home },{ path: '/Home', component: Home },{path: '/Users', component: Users,//配置子路由children:[{ path: 'UserAdd', component: UserAdd}, { path: 'UserList', component: UserList },]}]
2:父路由页面配置子路由显示的地方
增加用户 用户列表
最后效果:
到此一个简单的Vue嵌套路由的实例完成,欢迎各路道友批评指点!
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
