Vue.js VueJs-$route在页面加载时不可用

我似乎对Vue有问题，我正在运行vie Vue UI来处理编译。我正试图解决一个问题，但我注意到了下面的问题，我不知道为什么

URL=

http://localhost:8080/?q=This%20is%20my%20query

mounted () {
    console.log(this.$route.query.q)
    console.log(this.$route.query)
}

给定上述url和console.log，将发生以下输出。我不明白为什么结果不一样

首次访问url

undefined
Object {  }

重新编译和Vue UI热重加载后

This is my query
Object { q: "This is my query" }

---

为什么在第一次加载时我看不到

这个。$route

？

这些console.log到底发生在哪里？抱歉，编辑了问题以显示它们正在

mounted（）

函数中运行。由于某些原因，我无法复制它。我使用了vue cli生成的项目，添加了日志，打开主页，添加了与您相同的查询字符串，我在日志中看到了

q

。这也是一个vue cli生成的项目。经过一番挖掘后，在初始的

新vue（{}）中加载的
App.vue
就是问题所在
App.vue
的组件可以访问
$route
而不会出现问题