vue中获取网址上的参数

vue代码

<template>
  <div>
    <h4>http://localhost:8080/#/test?levels=level1-1</h4>
    <h4>获取levels1-1</h4>
    levels= {{levels}}
  </div>
</template>

<script>
export default {
  data() {
    return {
      levels: this.$route.query.levels
    };
  }
};
</script>

<style scoped>
</style>

效果