后端眼里的Vue

[项欢妍]

加入 vue 之后一共有三个角色是吗？浏览器、vue 服务器、后端服务器？不是，仍然是浏览器和后端服务器，vue只是编译前端代码。html 文件从哪里来？vue 服务器？还是后端服务器？后端服务器，是vue编译出来的，后端服务器处理这个静态文件。

浏览器请求数据是直接向后端服务器请求还是向 vue 服务器请求再由 vue 服务器请求后端服务器？

vue 相当于把原本后端负责的模板渲染剥离了是吗？那模板的渲染工作是不是变成了从 vue 服务器获取 html 文件，再从后端服务器获取 json 文件，然后再浏览器渲染拼凑在一起？

后端只提供 HTTP 接口，vue编译前端js代码，浏览器通过js构造页面，当页面事件发生时，例如点击，浏览器会通过js请求后端HTTP接口，浏览器拿到数据后，更新页面元素浏览器请求数据是直接向后端服务器请求还是向 vue 服务器请求再由 vue 服务器请求后端服务器？

前面提到 Vue 服务器只在开发期供调试用。所以答案不言而喻。vue 相当于把原本后端负责的模板渲染剥离了是吗？那模板的渲染工作是不是变成了从 vue 服务器获取 html 文件，再从后端服务器获取 json 文件，然后再浏览器渲染拼凑在一起？

可以认为是你理解的这样。Vue 会进行前端渲染，在浏览器中进行。后端服务器分两个角色：静态文件服务提供用于渲染的静态资源，动态 API 服务根据请求提供数据，通常是 JSON，也可以是其他的。另外，Vue 也可以进行服务器端渲染。
Vue.js 是构建客户端应用程序的框架。默认情况下，可以在浏览器中输出 Vue 组件，进行生成 DOM 和操作 DOM。然而，也可以将同一个组件渲染为服务器端的 HTML 字符串，将它们直接发送到浏览器，最后将这些静态标记"激活"为客户端上完全可交互的应用程序。

服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用"，因为应用程序的大部分代码都可以在服务器和客户端上运行。