在vue中如何书写 SSR 友好的代码

文章目录

  • 前言
  • 服务端的响应性​
  • 组件生命周期钩子​
  • 访问平台特有 API​
  • 跨请求状态污染​
  • 激活不匹配​
  • 自定义指令​
  • teleports​
  • 后言

前言

hello world欢迎来到前端的新世界


当前文章系列专栏:vue.js
‍博主在前端领域还有很多知识和技术需要掌握,正在不断努力填补技术短板。(如果出现错误,感谢大家指出)
感谢大家支持!您的观看就是作者创作的动力

服务端的响应性​

在 SSR 期间,每一个请求 URL 都会映射到我们应用中的一个期望状态。因为没有用户交互和 DOM 更新,所以响应性在服务端是不必要的。为了更好的性能,默认情况下响应性在 SSR 期间是禁用的。

组件生命周期钩子​

因为没有任何动态更新,所以像 onMounted或者 onUpdated 这样的生命周期钩子不会在 SSR 期间被调用,而只会在客户端运行。
你应该避免在 setup() 或者

你可能感兴趣的:(前端面试,vue.js,前端,vue.js,前端,javascript)