vue中的编程式和命名式导航

vue中路由的的方式有很多中编程式导航和命名式的写法也算是比较简单的

编程式如下

为了方便测试我写在了methods里面的方法里面，在template中定义一个按钮执行方法

this.$router.push({path:'home'});

这种方法很方便只要在main.js中引入组件不用做其他的设置直接使用。

命名式导航

和编程式导航不同的是命名式导航需要在main.js中配置一下路由如下

{ path: '/news', component: News,name:'news'},

vue文件中和编程式路由定义一个方法然后执行方法来跳转

this.$router.push({name:'news'})