在VueJS中访问$ route.params

浏览本文档：https : //router.vuejs.org/en/essentials/navigation.html

看起来您可以绑定<router-link :to="variableName">Link Text</routerlink>which，这很漂亮；但是，尝试访问要构建的组件内部的路由参数时遇到了一些麻烦。

所以我用这个：

<router-link :to="permalink">Title of thing</router-link>

然后指向路由器视图以拉出论坛主题。在路由器中使用它：

import ForumThread from './views/barracks/forumThreadSingle';

// Other routes...
let routes = [
    {
        path: '/barracks/th/:id',
        component: ForumThread,
    } 
];

我可以在forumthread组件中看到$ route.params.id也正在传递。但是，当我尝试像这样访问它时：

console.log('The id is: ' + $route.params.id);

无法找到对象的params部分。

VueJS和JavaScript本身对我来说都是很新的。我所看到的所有示例均显示模板与路由器文件内联，这是我试图防止这样做的原因，以帮助保持代码的可读性和整洁性。

我可以进行哪些调整，以便可以将属性传递给模板文件？

谢谢！