Below are the state preservation rules in hot reloading,
<template>of a component, instances of the edited component will re-render in place, preserving all current private state.
<script>part of a component, instances of the edited component will be destroyed and re-created in place.
<style>hot reload operates on its own via vue-style-loader without affecting application state.
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.