在前端大多是新的，在Vue肯定是新的。我正在尝试从URL中读取查询参数。下列的如何在Vue.js中从URL获取查询参数？和https://router.vuejs.org/guide/#javascript
我现在有了这个代码：
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue-router/dist/vue-router.js"></script>
</head>
<body>
<div id="app">
{{message}}
</div>
<script>
const routes = [];
var router = new VueRouter({
routes
});
var vm = new Vue({
el: '#app',
router,
data: {
message: this.$route.query
}
});
</script>
</body>
</html>
然而，在Chrome或Firefox中运行它会产生一个"无法读取未定义的‘query’属性">
定义路线，创建到它们的链接并加载它们，正如VueRouter指南中所述。看起来VueRouter已经加载了？
我做错了什么？
vue-router的渲染速度可能是个问题。您可以尝试在任何Vue生命周期挂钩中分配值
var vm = new Vue({
el: '#app',
router,
data: {
message: null
},
created(){
this.message = this.$route;
}
});