Vue 强制刷新组件

在项目中会有一种场景,例如:在酒店详情页面中,最下面有一个推荐类似酒店的列表,此时点击之后业务逻辑依然是当前页面,会发现组件并不刷新,这个时候我们就需要用到对组件强制刷新的功能.

this.$forceUpdate()

强制Vue重新渲染页面,调用其rander()函数,在执行this.$forceUpdate()后,会触发beforeUpdate和updated这两个钩子函数，不会触发其他的钩子函数。它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件

this.$forceUpdate()

v-if

在页面中单个组件需要重新渲染,可以通过给组件添加v-if的方式,让组件先v-if=false,然后再v-if=true重新渲染当前组件实现单组件刷新