When you're making a layout with tabs, you'll quickly come to code like this KeepAlive is used to keep the current route component alive. So as to speak, it keeps its state when navigating away. Later you put more and more pages in one

Vue3 has excellent support for jsx nowadays. Since jsx is flexible and is best used in library componets. Today a strange loop was introduced when I was developing a component with the following code. Child is reassigned throughout a block. This code is compiled

SFC (single file component) is one of best vue invention. Compared with jsx, it's simple, easy to use and maintain. In some cases however, react jsx offers flexibility and power that SFC cannot offer. eg. You're making a complex table component, a custom layout