因为没有系统性的学习过前端知识，对于前端就只知道html、css、js，前端框架也就只会用jQuery，什么 webpack、node.js、vue、react 等都是一窍不通，后来开始摸索 vue，接触到了 elementUI，也解了一下 webpack 和 node，边学边撸了个舔狗的艺术项目(https://dogart.me)，没有系统性的教学，所以很多东西都是自己踩坑摸索。

之前就看到尤大放出 vue3 Bate 版的消息，就像看一看，但是英文文档让我打了退堂鼓，这两天网上摸鱼摸到了 vue3 的官方中文文档(https://v3.cn.vuejs.org)，而且 elementUI 也推出了基于 Vue3 的新版本 element-plus，于是结合网上的资料又开始折腾 Vue3，这里记录一下学习资料。

[scode type="blue"]安装 Vue3[/scode]

# 最新稳定版
$ npm install vue@next

[scode type="blue"]安装 Vue-router 4.x[/scode]
文档（英文）：https://next.router.vuejs.org/

npm install vue-router@4

[scode type="blue"]Vue3 的新特性Composition Api 和 Vue2 OPtions Api 区别[/scode]
视频讲解：https://zhuanlan.zhihu.com/p/158609971
文字资料：https://cloud.tencent.com/developer/article/1529333

当然，vue3 也是向下兼容 Vue2 的Options Api 写法的

[scode type="blue"]ref 和 reactive 数据封装[/scode]
文字资料：https://cloud.tencent.com/developer/article/1529334
文字资料：https://baijiahao.baidu.com/s?id=1681607468071125946

[scode type="blue"]一些别人的学习记录[/scode]
Vue3 新特性学习：https://www.yvonnecheung.cn/views/note/2020/vue3.html

后面准备用 element-plus 把舔狗的艺术重撸一遍，但我看到 element-plus 的官方文档很多地方还是用的 Options Api 写法，我猜大概是为了让老版本兼容吧。

vue3 重撸 舔狗艺术 的开源地址放在 https://github.com/Dieinwarm/dogartvue 的 next 分支下

早上闹钟响，还早可以赖会儿床在起，然后拿起手机刷了下朋友圈，看到有人发了万青新专辑的新专辑链接，突然记起今天是万青新专辑《冀西南林路行》的开售日。

于是打开网易云，点击购买，发现iphone购买专辑需要先充值，然而最低充值额度为25元，万青新专辑只要22元，我又是黑胶年会，相当于要多充值3元放在网易云当传家宝，不能惯着网易云或者ios（不知道谁的锅），然后拿起当闹钟的退休坚果pro购买了专辑。

出门后戴上耳机，准备边骑车边听一听，万青十年时间准备了什么惊喜在里面。

结果从家楼下到公司的十五分钟内，我脑海里除了“雷“字没有听清其他任何一句话，我还在群里给小伙伴吐槽了一下。

在公司搬(mo)砖(yu)的时候，我觉得是早上路上骑车太吵所以没听清，于是坐下来再听一遍。

专辑一共8首歌，其中3首纯音，5首有词，安静听了两遍，印象最深的是《采石》最后不知是雷声还是爆破的噪音

整首专辑听下来，旋律还是很好听，总归还是有点平淡，当然，也有可能是上班时间，没有时间去仔细体会歌词。

我并不是万青的十年老粉，而是在16年的某个短暂的工作中认识一位女同事，结交中发现我们都喜欢逼哥，然后她又给我推荐了草东、万青和懂你意思，都是我喜欢的类型，初次听万青，《秦皇岛》就给我留下了深深的印象，然后歌词“孤独的海怪”当作网名至今。

人间明暗 人间明暗
人间明暗 人间明暗

新语言 旧语言
该怎样回答 不眠的时间

星河下 电子荒原
亿万场冷暖 亿万泥污人

———— 万能青年旅店《郊眠寺》

截至这边文章写完，这张新专辑已售卖240829张，不管是为新歌买单，还是为情怀买单，还是祝愿万青新专继续大卖~

因为之前的服务器快还有2天到期，所以在UCloud注册新用户买了3年的 1G1H2M 小鸡（没错，新注册账号就是新用户，不管实名是不是同一个人），这里赞一下UCloud的服务，客服在微信一对一服务，哪怕我是个小的不能再小的客户，沟通效率比工单高多了。

因为这个鸡确实太小了，就像省点内存，于是想放弃宝塔，开始折腾一下LNMP(https://lnmp.org)

安装lnmp

第一步就卡住了，安装一直报连接不上下载服务器

于是网上搜解决办法，发现把下载链接里的 http 换成 https 就行了.....
还有一个坑，就是官网这句安装命令在Mobaxterm里不能正确执行，会报错：
bash: ./install.sh lnmp: No such file or directory
这里网上搜不到解决办法，自己琢磨出来了解决办法，那就是切换到 lnmp1.7 目录后，在把最后的 ./install.sh lnmp 单独执行

接下来就是一系列的选择MySQL版本、php版本等选择，然后就是漫长的等待，这个过程真的漫长，我甚至在官网看到了这么一句话：
[scode type="yellow"]安装时间可能会几十分钟到几个小时不等，主要是机器的配置网速等原因会造成影响。[/scode]

靓仔无语.....

终于，在经历接近两个小时后，终于看到了这个画面：

然后我们访问探针：

安装部分结束，接下来就看看教程看看怎么折腾网站，后面持续更新。

后续

试了全套命令，还是比较有逼格，但是为了后续的方便，还是换回了可视化面板宝塔，宝塔用编译安装lnmp内存占用还是比较低，但这次折腾还是学到了很多东西，目前把几个网站都搬到了新的服务器，折腾完工。