为什么在刷新时不调用beforedestory，而是调用创建的呢？

在Vue.js中，当组件被销毁时，会触发beforeDestroy和destroyed两个生命周期钩子函数。beforeDestroy在组件销毁之前调用，而destroyed在组件销毁之后调用。

刷新页面时并不会触发组件的销毁过程，而是会重新创建组件。这是因为刷新页面会重新加载整个应用程序，所有的组件都会被销毁并重新创建。因此，Vue.js选择在刷新时调用创建过程，而不是销毁过程。

当刷新页面时，Vue.js会先销毁所有的组件实例，然后重新解析和渲染组件，这样可以确保组件的状态和数据重新初始化，从而实现页面的重置。如果在刷新时调用beforeDestroy，则会导致组件被销毁，而无法重新创建。

需要注意的是，刷新页面时组件的创建过程和初次渲染过程是不同的。初次渲染是在组件首次被渲染到DOM中时触发的，而刷新页面时是整个应用程序重新加载和渲染的过程。

综上所述，刷新页面时调用组件的创建过程，而不调用beforeDestroy，是为了重新初始化组件的状态和数据，实现页面的重置。