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

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

1、通过location.reload和$router.go(0)方法

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

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

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

你可能感兴趣的:(前端,vue,javascript)