不知道对于学习vue的新手来说有没有发现vue的官方网站上和我们项目里的代码长得不一样；举个例子：
vue官网：
实际项目里代码：
感觉有一些神似但是又不一样,项目也能正常运行,这是为什么呢？
解密的时刻到来：😀😀😀😀
一般我们项目里使用的代码是Vue SFC，使用一些编辑工具可以转成vue编译器支持的模式，比如@vitejs/plugin-vue。类似的还有@vitejs/plugin-vue-jsx支持编辑JSX或者TSX文件
在Vue SFC 演练场网站可以看到SFC被编译后的输出：
