Vue路由传参的几种方式

承接上文的代码   Vue-router 路由详解 多级路由

博客代码  https://github.com/JustDoIt521/originCoding/tree/master/vue-router-parameter

vue路由传递参数的方式有两种 path   name。

承接上文的场景  既然apple有三大产品，那么华为也有两个组件 honor   nova

我们将组件huawei代码改造如下

<template>
  <div id="huawei">
    <h3>welcome to huawei</h3>
    <div>
      <router-link :to="{path: '/company/huawei/nova', query: {path: '/company/huawei/nova'}}">
        <h4>nova</h4>
      </router-link>
      <router-link :to="{name: 'honor', params: {path: '/company/huawei/honor'}}">
        <h4>honor</h4>
      </router-link>
    </div>
    <div>
      <button