一、基于嵌套路由实现页面的局部更新
一级路由:
http://localhost:8080/login http://localhost:8080/register http://localhost:8080/order http://localhost:8080/.... |
二级路由及多级路由:
http://localhost:8080/user/login http://localhost:8080/order/add http://localhost:8080/a/b/c/d/e.... |
嵌套路由的核心功能:使用请求资源路径来动态修改页面的局部内容。例如:
http://localhost:8080/component 组件页面 想要动态修改组件页面的main部分的内容,可以如下设计嵌套路由: http://localhost:8080/component/container 组件页面内嵌套Container.vue http://localhost:8080/component/table 组件页面内嵌套Table.vue http://localhost:8080/component/form 组件页面内嵌套Form.vue …… |
基于嵌套路由实现局部页面更新的步骤:
1. 准备好3个组件: Container.vue Table.vue Form.vue 。</