如何利用Vue+Element做个小页面

目录

• 前言
• 项目结构
• MarkDown编辑器
• 消息模块
• 消息导航
• 内容代码（消息）
• 设置模块
• 总结

前言

直接看效果，干啥慢慢猜~

项目结构

这个的话可以看到分了一些组件嘛。然后总体还是vue+elementui 后面活下来了再用uniapp做移动端嘛。

MarkDown编辑器

这个是咱们比较主要的功能嘛。

也是用了meavon这个开源的Markdown组件嘛。

然后是文章上传嘛，这里有个弹窗嘛。

代码如下

这次的前端代码其实是完全重构，原来上个学期期末写的玩意咋说呢，还不如我以前直接用Django做的Dome。做着做着变成了个人博客，然后又重新改回多人社区，赶鸭子上架连文档都没有搞好，所有后面我直接摆烂了，本来寒假要动工的，但是学习任务拉满，唉。

消息模块

这个也是一个比较重要的模块，因为这个消息可以把几个模块联合起来。

先来说说那个标号

是咋来的，这个其实就是elementui里面的这个

然后是咱页面

后面的几个其实是类似的

这个你们直接看着写

消息导航

首先是咱的消息导航代码

内容代码（消息）

设置模块

这个不一样的是咱的设置模块

总结

之所以要写这个其实也是为了我后面直接嫖组件，因为等整个项目搞好了，我会发现这个前端代码不好直接嫖到别当项目里面，所以顺便记录一下。毕竟前端这种东西，完全看感觉，后面调不回来了，这里还能找那种感觉，有样图嘛，然后这个项目后面也是要开源的。