🏊‍♂️

1. 前言 在Vue3开发过程中，每次创建新的页面都需要注册路由，需要在src/router.ts中新增页面的路径，并将URL路径映射到组件中，如下所示： import { createMemoryHistory, createRouter } from 'vue-router' import HomePageView from './HomePageView.vue' import DevListView from './DevListView.vue' const routes = [ { path: '/', component: HomePageView }, { path: '/DevListView', component: DevListView }, ] const router = createRouter({ history: createMemoryHistory(), routes, }) 虽然看起来工作量不大，但如果页面特别多，就会感到繁琐。即使是微小的改动，如组件名的修改，也需要在路由文件中反复确认，反复如此就会感到不便。为了简化这部分工作，我想到了一个解决方案，那就是开发一个Vue3菜单路由生成工具，只需填写组件的中文名称，根据树形结构生成一个与routes结构相同的数组，然后替换使用即可。但还是觉得不够好，随后想到既然自己能发现这个问题，别人可能早已有了应对方案。接着，我就发现了 unplugin-vue-router 插件。 2. 配置 2.1 安装 npm install -D unplugin-vue-router 2.2 vite.config.ts import VueRouter from 'unplugin-vue-router/vite' export default defineConfig({ plugins: [ VueRouter({ /* options */ }), // ⚠️ Vue must be placed after VueRouter() Vue(), ], }) 2....

前言 在项目开发过程中，计划将组态页面的渲染器集成到组件库，以 npm 包的形式供后续项目模板复用。如此一来，倘若组态页面渲染出现问题，便能简化修复与迭代工作。 遇到问题 采用本地引入方式开发完成后，切换至 npm 包方式使用，此时面包屑可正常显示，然而组态页面部分却呈现空白状态。 分析问题 既然面包屑显示正常，那就表明通过向组件传入 Router 对象进行相关操作并无问题，毕竟面包屑与组态页面共同构成了项目中的具体功能页面。不可能 Router 有问题，面包屑却还能正常显示。 推测组件打包生成 npm 包后，自身未携带 Vue 环境，致使 Vue 内置特殊元素 <component> 渲染失败，此前使用 Pinia 时就碰到过类似情况。 那么，该如何在组件里创建 Vue 环境呢？ 要是不使用 <component>，而改用渲染函数来实现会怎样呢？ markRaw 的作用是什么？ 利用渲染函数实现后，发现打包成 npm 包使用时依旧出现空白，这就说明并非 <component> 的问题，如此一来，问题范围便缩小到组态页面的数据源上了。 对比本地引用和 npm 包两种方式下的数据请求差异，发现使用 npm 包时，存在接口未发起请求的情况，进而定位到问题根源。 问题原因 由于该渲染器是在项目中使用，其请求的 baseURL 是通过 window.location.origin 获取的。在本地引入使用时，本地开发服务器地址为 http://localhost:3000/，并且在 Vue 项目的 vite.config.ts 中已做代理，所以请求正常。但当把渲染器代码移至组件库并以 npm 包方式使用时，它自行获取的请求地址仍是 http://localhost:3000/，并未经过代理处理，致使请求资源的接口异常，最终造成页面空白。 const baseURL = import.meta.env.DEV ? "http://192.168.50.20" : window.location.origin 总结 解决 Bug 的思路仍有待提升，自己还是过于急于求成了。刚察觉到问题的一点苗头，就贸然行事、妄下结论，实在有些武断。一开始认定是 <component> 的问题，就应当采用排除法，不该如此笃定。实际上，只需用简单示例测试一下，便能排除该选项，也不至于耗费大量精力深入研究如何在组件里创建 Vue 环境？如何用渲染函数实现组件？平白浪费了许多时间。...

1 这是一部能够给心灵带来慰藉的电影，或许在人生迷茫的时候，可以看一下，洗涤内心，还自己一片净土。 影片的男主乔伊是一位音乐老师，他一直梦想着能够加入乐队演出。然而，在即将有机会出演时，他却在路上不慎掉进深井，然后就挂掉了，灵魂飘荡到了“生之来处”。在这部电影中，有这样的设定：人们从“生之来处”前往地球，死后则会到达“生之彼岸”。乔伊显然心有不甘，因为乐队演出一直是他最大的梦想。于是，他混入导师团队，阴差阳错之下，负责引导22号——这个号称几千年来最顽劣、一直未找到自己生命意义的灵魂，一同前往地球。在与22号相处的日子里，他们相互之间的认识产生了碰撞，迸发出了不一样的火花。 2 当22号附身到乔伊身上时，那一段剧情还是很好玩的。22号初次体验做人的感觉，弄出了很多笑料。虽然附身在成年人乔伊身上，但他表现出的却是一个孩子的天真与可爱。 还有其他很多有趣的场景，比如他调侃林肯的话：“你真的不介意被印在一分钱上吗？”林肯回答：“不介意，这是我的荣幸。”22号贱贱的小表情，继续道，“二十美元上的可是杰克逊总统。”然后林肯就破防了。 此外，还有剃头发的片段，以及乔伊经常表现出的小聪明，都让人忍俊不禁。影片中还出现了尼克斯球队，我不禁想起A-史密斯那句经典的话：“上次尼克斯夺冠时我才5岁，女士们先生们，现在我51了。” 3 22号终究还是孩子的心态，通过附身在乔伊身体里，以他自己的认知面对了乔伊过去面对的事情，但是，却很意外地收到了不一样的结果，这让乔伊自己从第三人的角度看到了不同的世界，也对自己一直以来的认知产生了冲击。 在理发店里和理发老板聊天时，22号实话实说，但不知内情的旁人却认为他这是一种夸张的说辞。但不管怎么样，这些话却巧合地让人不由得深思，如同接受了哲学家的思想洗礼。乔伊也突然发觉，自己可能忽略掉了太多身边的人和事。也许，多关心身边的人，以及注意到日常生活中的点点滴滴，才是最重要的。 当乔伊和22号一起去找乔伊的妈妈补裤子时，理想与现实又一次碰撞。乔伊的妈妈担心追求梦想不切实际，连自己的生活都很难保障。但乔伊说，他愿意为此付出一切。我还是觉得梦想应该依托现实，如果在现实生活中能够满足基本的保障，那么追逐梦想的风险就会降低，而不是做什么事情都要孤注一掷，为什么一定要如此极端呢？或许，我们可以采取更为周全的策略来达成目的。当然，世界上不乏天才，对于他们来说，梭哈可能才是正确的选择，因为时间过于宝贵，比如不修边幅的韦神，我管你这那的，我只要数学。但对于普通人而言，稳扎稳打可能更为保险。 我觉得很美好的一幕是，时间准备到了，乔伊准备可以换回身体时，22号却坐在台阶上，静静地看着天空、阳光和落叶。枫叶被吹起来又落下，沙沙作响，他的心里很平静。突然，他感受到了一种前所未有的喜悦，并说了一句特别感人的话：“我从来没这样快乐过，能真实地体验到在地球上的发生的这一切。有没有可能一直以来，错的一直就是我而不是别人？”就这一句，完全升华了整个故事。能够认识到自己、找到自己，是如此珍贵的品质。 4 当乔伊终于实现了自己的梦想，万般期待的那一天终于到来时，他却并没有感觉有什么不一样。多茜娅和他讲了一个鱼的故事： 小鱼说：“我想寻找大海。” 老鱼说：“大海？你就在海里呢。” 小鱼说：“这只是水，我想找到的是大海。” 乔伊陷入了沉思。他回到家里，看着22号留下的那些稀松平常的小物件，不由得弹起了钢琴。随着美妙的旋律响起，他的心境开始变化，不掺杂任何世俗的心思。说实话，这一段音乐真的很好听，让人一下子陷入对自身的审视之中。 其实，人生的追求是什么呢？是重于泰山还是轻于鸿毛？ 这个关于鱼的故事可以有多种解读。从亲子关系的角度去解读的话，也可以得到一些启示。如果对小朋友总是盲目地提出不切实际的要求，总是以为出人头地才是唯一的出路，那么最珍贵的其实已经拥有————比起这些虚妄之物，小朋友才是最珍贵的。很多时候，都是后知后觉，就像苏东坡说的：“惟愿孩儿愚且鲁，无灾无难到公卿。” 另一种解读就是从自我的人生思考去诠释。到底什么才是人生的追求？是雄心壮志、功成名就，还是游山玩水、吃喝玩乐？人生的追求是否有高低贵贱之分？是否可以仗着自己好像在做着符合主流观念里的“高大上”的追求，而对他人想要追求的生活横加指责？ 5 在2017年有一段时间，我尝试过晚上9点睡觉，然后早上4点30分起来跑步。当时天色还未全亮，我在冷风中、在小区的跑道上跑步，周边就是早餐店铺，冒着蒸汽，天上时不时能听到飞机飞过的轰鸣声。那时我正在研究《了凡四训》，看了书、看了漫画版，还把近3个小时的电影看了很多遍，对生活和自己的人生进行总结和反思。 人生真的需要那么多东西吗？早上只要两个馒头和一杯豆浆，中午只要蒜炒空心菜和两碗米饭，晚饭也可以是蒜炒红薯叶加两碗米饭。并不一定需要山珍海味、大鱼大肉，这些足够果腹。很多东西都变成了无谓的追求，消耗自己的精力和时间。想要简单点其实并不难。既然最终都会消亡，那人生的追求和意义又体现在哪里？ 然后我又想到了《倚天屠龙记》里金毛狮王谢逊出家的情节。渡厄要收他为徒，意味着他变成“空”字辈，和空闻、空智大师同一辈分，这显然占了很大便宜。但渡厄说：“师父是空，弟子是空，你归我门下，仍是叫作谢逊，你懂了么？”谢逊说：“弟子懂了。牛屎谢逊，皆是虚影，身既无物，何况于名？” “身既无物，何况于名？”这句话当时给了我很大的启发。到最后功名利禄都是一场空，那人生的意义又算什么呢？相同的道理和逻辑，如果对己有利的事物最终都会消亡，那对己不利的事物是否同样会消亡？成功是这样，失败也会是这样。那我有必要害怕失败吗？ 既然如此，何不好好地尝试去努力一把，试一试能不能取得自己满意的结果？当时我还给自己写了一首《浣溪沙·跬步》： 身既无身何况名，是非成败酒中轻，若为将领首为兵。 小隐于山禅意院，竹林听雨玉箫声，夜深远寺有钟鸣。 其实都是化用了“身既无物，何况于名？”这一句，还有我最爱的、念叨最多的那一句诗词：“姑苏城外寒山寺，夜半钟声到客船。”每每念起，心里总会出奇地平静。 说到底，自己拥有了才有资格说不稀罕。要不然怎么证明自己是真的不稀罕，还是自己真的酸？等到真的拥有时，心态是否会发生一百八十度的转变？人心真的值得相信吗？ 当你真的有一个小目标时，你说你不爱钱，别人大概率会相信你。但你穷得叮当响，你说你穷是因为你不爱钱，哪怕你说的是真心话，别人也不会相信。当然，你也可以说不需要别人相信。只是，过多地阐述自己如此的标新立异和拥有真知灼见，本身就是一种愚蠢。只有笨人才会那么强烈地排斥世俗，给自己带来不必要的麻烦，你志不在此，不要浪费无谓的精力。言归正传，所以，《黑神话：悟空》第一回过场动画最后那句“若不披这件衣裳，众生又怎知我尘缘已断，金海尽干？”从这个角度去解读也是可以的。因此，在2017年，基本上就是以下这几句话对我影响颇深： “从前种种，譬如昨日死；往后种种，譬如昨日生。” “命由我作，福自己求。” “身既无物，何况于名？” “不可不趁三十之前立志猛进也。” 6 最后，结合电影的故事，我想说的是，梦想和现实并不冲突。我所理解的，就是尽可能在现实中创造比较好的生活的条件，这样对追求梦想更为有利。然后，在追梦的过程中，不要忘记我们是活生生的人。当下的每一个时刻都是美好的瞬间，可以是一缕阳光、满山遍野的野草、吹尽松林的晚风、一声蝉鸣和一束星光……这些道不尽此时的安详与美好。灵魂出生需要生命的火花，而火花就是现在，人生的追求并没有标准答案，你也可以是出题人。

饮食 早餐：排骨粥+鸡蛋+炒油麦菜 午餐：血鸭+农家一碗香+炖汤 晚餐：玉米、水豆腐、鸡蛋、泡菜、珍珠奶茶 无氧 无 有氧 总结 一下班先去健身房是对的，运动完会感觉到饿。 晚上就吃玉米、鸡蛋蛮好的。 戒掉珍珠奶茶。

饮食 早餐：炒粉+皮蛋瘦肉粥 午餐：公司食堂 晚餐：羊肉汤 无氧 无 有氧 总结 中午如果吃的多了，晚上就要控制了。