在Vue 3中如何实现服务端渲染（SSR）

今天我要给你们介绍一个很酷的功能——在Vue 3中实现服务端渲染（SSR）

首先，我们来聊聊SSR是什么。它就像是一个魔术师，能让你的网页在服务器上就预先渲染好，然后发送到客户端。想象一下，你在浏览一个网页，一点开链接，页面就直接出现在你面前，就像变魔术一样，这就是SSR的作用！

要在Vue 3中使用SSR，我们需要先安装一个称为“vue-server-renderer”的库。怎么安装？哈哈，就像这样！

npm install vue-server-renderer

安装完之后，我们就可以开始使用SSR了！

首先，我们需要在服务器端创建一个Vue实例。

import Vue from 'vue'  
import App from './App.vue'  
  
const serverVm = new Vue({
     
  render: h => h(App),  
  $server: true // 标记为服务器端渲染  
})

然后，我们需要创建一个服务器来处理请求并发送响应。

import http from 'http'  
import Vue from 'vue'  
import App from './App.vue'  
import serverVm from './server-vm' // 导入上面创建的服务器实例  
  
const server = http.createServer((req, res) =&g