使用router.push方法跳转 点击两三次后 再点击页面就不会发生变化 原因竟然只是一个页面中data没有加return {}

小白记录一下在学习中遇到的问题

问题：在vue中使用$this.router.push()方法，如果只是传入的参数不同，会出现url地址变化了，但是页面没有重新请求数据，需要刷新一下页面才有新的数据加载。在网上用了各种方法一点用没有

        这个问题真的是困扰我很久，这个是之前的组件，我想着这里面没什么东西加不加都无所谓吧，结果就酿成大祸，在网上用了各种方法一点用没有，然后看网页报错慢慢翻译对比着找，才发现是没有return {}，真的是引以为戒，不能偷懒啊，下面是报错和之前的页面

vue.runtime.esm.js?c320:4605 
        
       [Vue warn]: data functions should return an object:
https://v2.vuejs.org/v2/guide/components.html#data-Must-Be-a-Function

found in

---> <User> at src/views/User.vue
       <ElMain> at packages/main/src/main.vue
         <ElContainer> at packages/container/src/main.vue... (1 recursive calls)
           <Main> at src/views/Main.vue
             <App> at src/App.vue
               <Root>

<template>
  <h1>我是User</h1>
</template>

<script>
export default {
  data(){
  
}
}
</script>

<style>

</style>

<template>
  <h1>我是User</h1>
</template>

<script>
export default {
  data(){
    return {}
  }
}
</script>

<style>

</style>

加上之后页面不报错了，也能正常跳转了，解决掉这个问题太爽了！！！