home.vue 中引入了 header.vue 组件，其中含有导航菜单。 在编译之后，<router-link>会被渲染为<a> 标签， to 会被渲染为 href，当 <router-link>被点击的时候，url 会发生相应的改变，如果使用v-bind 指令，还可以在 t…

通过路由属性中的name来确定匹配的路由，通过params来传递参数。这种情况下,参数不会显示在地址栏后面 使用path来匹配路由，然后通过query来传递参数。这种情况下 query传递的参数会显示在url后面 路径传参：可传递多个参数，参数显示在url中，页面刷新参数还可获…

方法一方法二方法三path+query;query传递的参数会通过？id=xxx展示

Vue页面、组件之间传参方式繁多，此处罗列出常用的几种方式，欢迎审阅补充。 这里的路由传参以编程式router.push(...)为例，声明式<router-link :to="...">与之类似。此处模拟情景为从componentsA.vue页面跳转到componentsB.…

最近做项目才发现，我确实对 vue-router 太不熟悉了，都只了解个简单用法就开始搞了，本来很简单的问题，都搞不清楚。现在重新看一遍文档，重新梳理一下。 说实话，路由我一直也就光顾着用，没认真思考过这个问题，还是那次人家面试问了这个，我才反应过来是应该好好的了解一下了。 无…

注：这里不能使用/:id来传递参数了，因为父组件中，已经使用params来携带参数了。 一般我们要向服务器提交数据的时候，都是使用的post请求，这种请求方式是安全的，使用这种方式的话，数据是不会在地址栏中显示的。