Vue的规模化

2,399 阅读2分钟

前言

📚最近重新夯实Vue3,梳理相关知识点和细节

🎉目前已撒花的:

本文是第7部分,关于Vue的规模化,核心讲了以下内容:

  • 路由
  • 状态管理
  • SSR

我将相关内容整理成以下脑图,一来可以快速了解相关知识,二来方便以后查看!

🎁看完此部分你将会,对Vue的规模化有一定的了解

本系列解决的问题

  1. 告别枯燥的文档;以图的形式,言简意赅的汇总所有Vue的知识点

  2. 担心脑图模糊;会附高清原图和原文件,可随Vue版本迭代而长期更新

具体内容如下👇

脑图

Vue的路由

对于Vue的路由可以使用官方推荐的vue-router,也可以使用第三方路由Page.js 或者 Director

如果只需要非常简单的路由,而不想引入一个完整的路由库,可以自己从零开始实现一个简单的路由

1Vue的路由.png

状态管理

由于状态零散地分布在许多组件和组件之间的交互中,大型应用复杂度也经常逐渐增长。于是Vue 提供 Vuex,用于解决这个问题

2状态管理.png

SSR服务端渲染

SSRServer Side Render简称,叫服务端渲染

从头搭建一个服务端渲染的应用是相当复杂的,所以我们可以使用其他人写好的,比如Nuxt.js

另外,Vite也提供了内置的服务端渲染支持

3SSR服务端渲染.png

附件

我会将以上原图及源文件已上传githubgithub.com/jCodeLife/m…

目的:

  • 一来方便大家批量下载
  • 二来可以根据自己的想法和习惯进行修改

END

以上就是Vue中工具相关的所有内容

如有问题,欢迎留言告知,感谢~

参考文档

v3.cn.vuejs.org/guide/intro…