浏览器如何运行 .vue 单文件组件？

.vue文件浏览器识别不了，浏览器是怎么理解vue文件的，怎么识别的，

你平时使用 Vue 比较多，是吗？Vue 里面的 HTML 能直接渲染到页面上吗？

能具体说说，Vue 中的 HTML 是怎样渲染到页面上的吗？

它是直接生成 DOM 树的吗？

Vue 的 `template` 不是页面可以直接使用的 HTML，需要经过什么转换？它先被转换成什么？

第一次转换得到的并不是浏览器的 DOM，那它先转成什么？是不是先转成 JavaScript？

浏览器收到的是 HTML，还是 JavaScript？

Vue的组件是怎么最终在浏览器里渲染出来的？Vue框架帮你处理了哪些事情？

你写一个Vue组件会写哪些东西？这些怎么转化成真实DOM节点？