您当前的位置首页/Vue.js/ 正文

Vue-router path VS name

admin 最后更新时间 2018-06-30 17:35:10   336浏览
Vue-router定义路由的时候,有name 和 path 参数,一般设置path参数就可以了,然后使用时直接填path就可以跳转 ``` <router-link to='/foo'></router-link> or this.$router.push('/foo') ``` 这么做是很常见的,也很直观不是么? 但是,当我们有N个页面都有这个链接,并在某个时候需要修改链接时,比如将foo改为bar,就不方便了,你得改N个地方不是么? 更好的方式是,使用命名路由,定义路由时,把name也设置上,使用时 ``` <router-link :to="{name: 'foo'}"></router-link> or this.$router.push({name: 'foo'}) 带参数 {name: 'foo', params: {id: 1001}} ``` 这样,就不需要修改页面上的链接,直接改路由path配置就可以了,做到只改一处即可。