我筹算用 Vue3 写一个商城项目，今朝曾经开端动手开辟，测试完成后正式开源到 GitHub，让各人也能够用现成的 Vue3 大型商城项目源 码来练练手。 十三：Vue3教程：Vue 3.0 来了，我们该做些甚么？br>

　　我筹算用 Vue3 写一个商城项目，今朝曾经开端动手开辟，测试完成后正式开源到 GitHub，让各人也能够用现成的 Vue3 大型商城项目源 码来练练手。 十三：Vue3教程：Vue 3.0 来了，我们该做些甚么？br

　　次要用到的手艺栈为 Vue 和 Vant，版本别离为 Vue2.6.10 和 Vant 2.5.0，至今为止，曾经开源到 GitHub 小半年工夫了。 上个月，Vue 3.0 正式版公布了，有很多伴侣问我会不会把 newbee-mall Vue 版本晋级到 3.0，我凡是都是给出必定的谜底，不外之前手 头上不断有未处置完成的工作就没空处置这件事，这两天把那些工作处置完后终究有了工夫。 以是，在这里呢，我也慎重的告诉一下各人，newbee-mall-vue-app 这个开源的商城项目，我筹算用 Vue3 停止晋级重构了，目 前曾经开端动手开辟了。 接下来，我会引见一下晋级的设法和重构方案。

　　实在新蜂商城项目，曾经做过两个版本，此次利用 Vue 3.0 停止晋级，该当算得上是新蜂商城项目标第三个大版本迭代了。

　　因为常常在网上公布文章而且也做了几个开源项目，以是本人也建了几个 QQ 交换群，有 500 人的群也有 2000 人的群，在几个交换群 里和各人沟经由过程，貌似各人对商城类的项目更加感爱好，以是就向各人许诺要开辟一个商城项目，2018 年就有了这个设法，以后就开端实 际的入手去做这件工作。 2019 年 10 月份我在 GitHub 开源堆栈中上传了新蜂商城项目标一切源码，这是新蜂商城的第一个版本。 至今曾经有一年多的工夫了，以后也陆连续续的停止优化和成绩修正，感爱好的能够去理解一下这个 Spring Boot 手艺栈开辟的商城项 目，开源地点以下：

　　newbee-mall 在 GitHub 和海内的码云都创立了代码堆栈，假如有人会见 GitHub 比力慢的话，倡议在 Gitee 上检察该项目。 新蜂商城项目初版本开源后的那段工夫，也就是在 2019 年末的时分，群里的伴侣又说想要一个 Vue 版本的商城，我也许诺各人必然会 开辟并开源出来，以后就不断在方案利用 Vue 停止项目标迭代，2020 年开端开辟而且本人私自不断在测试，之前也有文章引见过测试过 程和存在的成绩，测试出成绩后就修正 bug。 2020 年 5 月尾将 Vue 版本的一切代码开源了，这是新蜂商城的第二个版本，开源地点以下：

　　本来的新蜂商城只要一个 PC 真个页面，参加了 Vue 版本以后新蜂商城的展示情势愈加丰硕了，新蜂商城酿成了如许：

　　从左到右顺次为：新蜂商城背景办理体系页面、新蜂商城 PC 端页面、新蜂商城 Vue 版本的三个页面。

　　以上就是 newbee-mall 开源项目标大抵过程和工夫线，如今又走上一个新的台阶，也能够说是不断在前进吧，将来也会做更多拓展和优 化，期望各人多提一些倡议。

　　上个月，Vue 3.0 正式版公布了，关于 Vue3 的一些常识点，在这里我也就未几烦琐了，我来谈一下 newbee-mall 开源项目利用 Vue3 晋级的设法，和详细的开辟方案和代码开源工夫。

　　实在，一开端写这个开源商城项目标时分，就不断有留神过 Vue 3 的相干事件，以至一度也想过间接用 Vue3 来写，可是正式版不断没有 公布，以是就持续用 Vue 2.x 版本开辟了。 5 月份的时分说是 6 月份公布 release，6 月份的时分说是 7 月份公布 release，7 月份的时分说是 8 月份公布 release，把我的头都给 忽悠掉了，就很灵性，哈哈哈。

　　8 月份的时分说是 9 月份公布 release，然后就真的公布 release 版本了，2020 年 9 月 19 日，Vue3 正式开源！头都给我秀歪了。

　　Vue3 正式版公布还不到一个月，我也在进修和探索，如今也曾经用 Vue3 写了很多的 demo，多多极少也把握了一些常识点，以是近期会 尽力投入到 newbee-mall Vue3 版本的晋级开辟中。 从明天开端算起，方案在半个月内晋级完成，假如进度快的话，亚投购彩app也夺取在这个工夫点内测试完成，而且把一些较着的 bug 修复掉。 以是详细的工夫点该当是： 2020 年 10 月尾开辟完成，到时分会在群里告诉各人帮手停止线上的测试。 测试完成后，正式开源，让各人也能够用现成的 Vue3 项目练练手。

　　不止是项目开辟，项目相干的一些图片我也要筹办一下，由于是做关于 Vue3 版本的内容，以是要搞一些带有 Vue3 元素的图片，不外 Vue3 的图标较少，以是也在测验考试着本人弄一下关于 Vue3 的图片素材。 作图这件事也长短常搞笑的，关于 Vue3 的素材并未几，官方仿佛也只要一个 Vue 的 LOGO 图片和一张小海盗的图片，我就测验考试用这两 个图标作为素材，去弄一下排版和构图。 不外，第一张图片就间接拉胯了，一开端是如许式儿的：

　　其时看到的时分，觉得那一霎时我绝对脑溢血了。 这张图片老子是看到一次就会笑一次，很想发给尤雨溪大佬，太喜感了，让他“夸”我一下。我觉得尤大看到这张图，也会给我一 个“赞”吧，究竟结果“太具有设想感了”。 其时看到这张“废品图”的时分，我™间接笑成一个憨憨了，怎样会搞成如许啊，做的时分没觉得出来，导出图片后，怎样看怎样不合错误劲。 然后就简朴画了一下草图，实在我要的图其实不庞大，就是把两个图标分离在一同便可，重点凸起 Vue3 的元素感。

　　不止云云，还要加一些 newbee-mall 的元素，因而把布景图换成了代码截图，加上了商城元素，以下图所示：

本文地址：http://taojingpu.com//a/songhuachangshi/457.html