vue重新加载标签

在网页开发中，我们常常需要重新加载标签，例如在提交表单后，我们需要重新加载页面来显示提交成功的提示信息。Vue作为一种流行的JavaScript框架，也提供了很好的解决方案来重新加载标签。

Vue提供了两种方法来重新加载标签，一种是使用Vue的生命周期钩子函数，另一种则是使用Vue的watch属性。

使用Vue的生命周期钩子函数

mounted() {
    location.reload();
}

Vue提供了很多生命周期钩子函数，其中mounted是在Vue实例挂载到DOM上之后执行的。我们可以在mounted函数中调用location.reload()函数来重新加载标签。

需要注意的是，此方法会重新加载整个页面，也就意味着页面所有已有的数据都会丢失。如果你需要在重新加载标签之前保留一些数据，你可以将这些数据保存在Vue实例中，然后在重新加载标签之后再重新初始化Vue实例，这个过程可以使用beforeDestroy钩子函数完成。

使用Vue的watch属性

data() {
    return {
        reload: false
    }
},watch: {
    reload() {
        location.reload();
    }
}

Vue中的watch属性用于监听数据的变化，当被监听的数据发生变化时，watch属性中的函数就会被自动调用。我们可以在watch函数中调用location.reload()函数来重新加载标签。

需要注意的是，此方法需要给Vue实例一个布尔类型的值，用来纪录是否需要重新加载标签。我们在重新加载标签之前，只需要将reload值设置为true即可。

以上就是用Vue重新加载标签的两种方法，可以根据实际需求选择适合的方法。需要注意的是，重新加载标签的操作可能会造成部分数据的丢失，所以一定要谨慎使用。