vue强制从新渲染组件

这几天开发中遇到了一个问题，组件的值已经有了，可是并无渲染出来
后来无奈百度了一下vue的组件强制刷新：

val.type = 'none'
this.$nextTick(() => {
  val.type = 'city'
})

官方介绍：将回调延迟到下次 DOM 更新循环以后执行。在修改数据以后当即使用它，而后等待 DOM 更新。它跟全局方法 Vue.nextTick 同样，不一样的是回调的 this 自动绑定到调用它的实例上。
nextTick会在页面从新渲染之后开始执行回调
因此使用这个方法强制刷新组件思路就是：先把某个值设为false，销毁组件，而后在页面从新渲染完毕之后再次建立组件