Hi, I write a useReload function to reload a vue component, make component go through lifecycle again.

It is helpful when you in a detail component and just want reload the detail component after action like submit, just:

const reload = useReload()
// after something like submit
submit().then(() => reload())

Or, after do some changes in parent component and just want reload the child component.

const child = useTemplateRef('child')
const reloadChild = useReload(child)
// after something like submit
submit().then(() => reloadChild())

• live demo
• project

I will be so happy if you can try and give me some feedback, thanks for reading.