router路由跳转带参数,query和params的区别

    let obj = {
        name: '123213',
        colde: 'ocede'
      }
      this.$router.push({
        name: 'addCreditCards',//或者路径跳转path: '/addCreditCards',
        query: obj
      })

query带参数(跳转后获取 this.$route.query)

http://localhost:9080/addCreditCards?name=123213&colde=ocede

1.png

=====================================
params带参数(跳转后获取 this.$route.params)

    let obj = {
        name: '123213',
        colde: 'ocede'
      }
      this.$router.push({
        name: 'addCreditCards',//如果使用path: '/addCreditCards',取不到参数
        params: obj
      })

2.png

总结:
query可以用path和name来引入，
params只能用name来引入，
接收参数都是类似的，
分别是this.route.params.name。