vue刷新当前页面的4种方式方法

时间:2025-03-01 07:35:58

前端面试题:vue刷新当前页面 

1、通过和$(0)方法

2、通过$方法, 跳转一个空白页面,然后再调回之前页面, 它利用vue-router切换页面会把页面销毁并新建新页面的特性
 

3、通过在父页面的<router-view></router-view>上添加v-if的控制来销毁和重新创建页面的方式刷新页面,并且用到provide和inject实现多层级组件通信方式,父页面通过provide提供reload方法,子页面通过inject获取reload方法,调用方法做刷新

4、通过在父页面的<router-view></router-view>上绑定和切换key属性,来销毁和重新创建页面的方式刷新页面,具体的方式是指定key的值为$,通过在子页面通过this.$(this.$+'?t='+())来改变$的值,从而刷新页面