编程式路由

什么是编程式路由？

通过js来实现页面的跳转

$router.push("name")

$router.push({path:"name"})

$router.push({path:"name?a=123"})或者$router.push({path:"name",query:{a:123}})

$router.go(1)

实例：

在商品列表页面跳转到购物车页面

1、新建购物车页面Cart.vue

2、index.jsp中配置：引入组件

3、在商品列表页面实现跳转：

a：原来的<router-link>方式跳转

在浏览器中查看：点击能够跳转到购物车

 

 

 

 

   b：编程式方式

上图方式3可以进行传参，然后在购物车页面中可以接收参数：

点击购物车按钮后跳转：