膘叔的简单人生
虽然已经知道所谓的：在vue中，两个不同的组件，A加了层级或者A的子元素加了层级（大于1），B没加，不管B的子元素层级有多高都不会再A上面显示。
require这玩意不属于vite的功能，也不是vue的功能，我没有用webpack，所以无法直接用require。
前段时间用React，这段时间用Vue3（用uniapp写小程序的时候也尝试切换到vue3了），本来觉得很累的，毕竟在每次使用都要import {vue} from 'vue'之类的，在使用了unplugin-auto-import插件后，真的少写了好多。但也要看unplugin-auto-import是不是支持。
tailwindcss现在用的人越来越多了，大量的flex以及固定的text-[],w-[]等自定义的class，确实让人用起来非常方便，然后在页面上也可以用sm:/md:/等前缀符可以直接设置相应大小屏幕所对应的class。如果class太多太长，还可以用@apply来进行自定义的缩短等
突然发现uniapp好象无法分类。
在Vite创建的项目中，如果直接使用process.env变量会报错，说是process未定义。查了下资料，原来这是vite3移除了这个变量：https://github.com/vitejs/vite/issues/1973
在项目的vite.config.ts的export default defineConfig中，增加节点：define{'process.env':{}}
如果要和你的env变量一致可以先loadEnv：
const root = process.cwd();
const env = loadEnv(mode,root);
为了方便开发，为navigatoTo和switchTab做了一个简单的封装，这样，其他开发人员就不用关心是跳到哪里去了。因为tab页只有5个（最大），所以优选用navigateTo，然后通过判断出错信息，再调用switchTab
然而就是在这个上面踩坑了。。。
开发者工具和IOS，在遇到tabbar页面的时候，出错信息是：{errMsg: "navigateTo:fail can not navigateTo a tabbar page"} ，毕竟，我是基于开发工具进行开发的，所以我直接偷懒。。。。。if (e.errMsg.includes('tabbar'))，然后处理。
结果，在安卓上死活不能运行，我开始以为是url带了参数，去掉后发现还是不正常，于是我把出错信息打出来看一下，结果 发现，在android下，出错信息居然不一样。。它的出错信息是：{errMsg: "navigateTo:fail:can not navigate to a tab bar page"}。
看到不同点了么？
{errMsg: "navigateTo:fail can not navigateTo a tabbar page"}
{errMsg: "navigateTo:fail:can not navigate to a tab bar page"}
短短一行字，不同点居然有三处。。。我也是崩溃了，既然知道问题，那就好办了。无非就是判断 tabbar和tab bar了呗。只是，这种出错信息会不一致，让我很意外。。。
如题，其实官网已经给出过说明，就三句话：详见（项目结构 | Vuex (vuejs.org)）
在使用UNIAPP进行开发的时候，component是经常要用到的，但在使用过程中会发现，经常用的onLoad/onShow无法被触发。而props在传进去时，data获取变量调用props时，也有延迟。
在使用UniApp进行小程序开发的时候，总是不可避免的会使用tabbar。在小程序中tabbar的页面和普通的页面不一样，比如，他对应的页面就始终含有tabbar，而其他页面则不显示tabbar（要显示只能用自定义组件）。而且切换页面的时候，只能用switchTab，而不能用navigateTo。
这些都是平时可以看得到和可以通过报错信息查看得到的（比如navigateTo跳到tabbar时，出错信息就是提示不能跳转到tabbar的页面）。
tabbar还有一些有意思的小特性，比如，tabbar对应的页面，不能是分包里的，只能含在主包里。tabbar打开后数据加载完，默认不再刷新。这个就带来不小的问题，比如电商的首页，加载后不刷新那就一直无法获取最新数据了。
通过查看uniapp的文档，发现App.vue除了常见的onLaunch/onShow/onHide等之外,还有什么onPageNotFound（这个平时不会触发，只有扫描、转发等才会触发，navigateTo等不会触发此事件）之类的。[应用生命周期：生命周期 - uni-app官网 (dcloud.io)]
而普通页面，常用事件就是onInit/onLoad/onShow/onHide/onUnload，除此之外还有：onResize/onPullDownRefresh/onReachBottom/onPageScroll，如果是页面点击事件，还有onTabItemTap/onShareAppMessage/onNavigationBarButtonTap/onBackPress【页面生命周期：生命周期 - uni-app官网 (dcloud.io)】
当注意到onTabItemTap事件后，就想起来，可以利用此事件进行操作：onTabItemTap(e){console.log(e);}，打印这个e，可以看到他是一个Json对象，有三个主要的key：index/pagePath/text，index是针对Tabbar的索引 ，pagePath是当前Tab的路径，text是tabbar对应的文字。
于是就可以利用这个pagePath：
onTabItemTap(e){
uni.reLaunch({url:e.pagePath});
}偷懒的时候就可以直接这么做。
纯记录。
