【Vue3】知识汇总，附详细定义和源码详解，后续出微信小程序项目（2）

====================
快速跳转：
我的个人博客主页👉：Reuuse博客
新开专栏👉：Vue3专栏
参考文献👉：uniapp官网
❀ 感谢支持！☀
==================

前情提要

🔺因为最近学习的vue语言，发现有很多细节的碎块需要汇总，所以就有了本次系列的开始。❀❀❀
⭐总结的知识会包含总结定义，和源代码解析，可以当作类似于英语单词一样瞄几眼，大概知道即可
那么话不多说我们开始吧

---

pages设置页面路径及窗口表现

之前讲的是全局配置的话，这个就是页面配置

分别由三个属性：

1. path 路径
2. style 当globalStyle设置，那么页面的权重会覆盖全局
3. needLogin 判断是否登陆后才可以访问

以上三个属性中，style格外重要，我们详细看：

🔺pages设置页面路径及窗口表现涉及的知识点包括页面管理、窗口样式和配置项等。

1. 页面管理：通过pages节点接收一个数组，指定应用由哪些页面组成，每个页面包含一个path和一个style属性。

2. 窗口样式：globalStyle用于设置应用的状态栏、导航条、标题、窗口背景色等，而pages.style则用于设置每个页面的状态栏、导航条、标题、窗口背景色等。

3. 配置项：tabBar用于设置底部tab的表现和condition用于启动模式配置，这些配置项在开发期间生效，用于模拟直达页面的场景。

4. 分包机制：由于小程序平台的限制和优化启动速度的需要，可能会用到分包机制，如subPackages和preloadRule，以优化小程序的下载和启动速度。

总的来说，pages.json文件是uni-app中用于全局配置的重要文件，它决定了页面文件的路径、窗口表现、原生的导航栏、底部的原生tabbar等。

以下是一个包含了所有配置选项的 pages.json ：👇

{
   
	"pages": [{
   
		"path": "pages/component/index",
		"style": {
   
			"navigationBarTitleText": "组件"
		}
	}, {
   
		"path": "pages/API/index",
		"style": {
   
			"navigationBarTitleText": "接口"
		}
	}, {
   
		"path": "pages/component/view/index",
		"style": {
   
			"navigationBarTitleText": "view"
		}
	}],
	"condition": {
    //模式配置，仅开发期间生效
		"current": 0,