Vue Router无法向组件传递props，this.id返回undefined如何解决

你引入的 Vue Router 版本过低，路由 props 自动注入组件的功能是 Vue Router v2.2.0 才新增的特性，你当前使用的 v2.0.0 版本不支持该配置，所以会出现声明了props但this.id返回undefined的情况，不是新版本改动导致的问题。

• 方案1：升级 Vue Router 版本到 v2.2.0 及以上的兼容Vue2的版本，比如将引入的脚本地址替换为：

<script src="https://unpkg.com/vue-router@2.8.1/dist/vue-router.js"></script>

替换后原有代码无需其他修改即可正常运行。

• 方案2：如果必须保留当前 v2.0.0 版本，直接在组件内通过this.$route.params.id取值即可，无需额外声明props接收参数。

内容的提问来源于stack exchange，提问作者Kunal Rajput