怎么用Vue+Element做个小页面

这篇文章主要介绍怎么用Vue+Element做个小页面，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

前言

效果

项目结构

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

MarkDown编辑器

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

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

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

代码如下

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

消息模块

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

先来说说那个标号

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

然后是咱页面

后面的几个其实是类似的

这个你们直接看着写

消息导航

首先是咱的消息导航代码

内容代码（消息）

设置模块

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

以上是"怎么用Vue+Element做个小页面"这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注行业资讯频道！