vue3+element-plus的一次知识图谱开发尝试

以前总是用bootstrap写前端，感觉太方便了。无论是python写网站，还是用Java写网站，都引入bootstrap这个前端。设计简单，样式基本美观，符合前端要求不高的简单网站。

后来学会了angular，依然引入bootstrap，也能使用。

今天这个项目要用vue3，还要使用element-plus，都是没有用过的。为了减少对bootstrap的依赖，本着能原生就原生的思路，写这个项目真实太费劲了。

首先不会vue,所有的文档都需要先查文档，而且vue3和vue2的差别还是很大的。测试了很多次总与可以开始vue3入门之旅了。

还需要一个封装的前端框架进行配合，为了符合项目的界面效果，找了很多个vue的前端框架，除了element-plus，还测试过ant-design-vue,at-ui,mint ui等多个ui框架。只有在element-plus界面上看到了类似效果的界面。最终选了element-plus.

在我的理解中，这些界面应该像bootstrap那样，可以直接写一个控件使用，并且可以简单设置样式。最后发现的确是可以简单写一个控件，但是样式的控制并没有bootstrap那么详细或者说简单。

比如说：设置居中，设置文本颜色，设置margin等，都没有bootstrap那么好用，最后都是通过css来实现的，而且文档不够详细，很多方法对于小白来说不够友好。使用起来还得靠经验。幸好，这些都可以解决。没有碰到那种理解不了的东西。

用项目成本，为本次的前端学习画个句号吧。加油！加油！加油！