感觉vue这种东西的学习门槛不低，如果原来是用mvc方式编程的话。

在开始想以一个较完整的demo系统开发来学习时，却发现登录页面是个问题。

这是因为网上教程很少从一个小白的角度来设计思考一个完整的系统需要哪些知识，面临哪些问题？

以个人体会，首先要把它当成一种类似于以前的桌面程序的开发方式，它的前端组件化，模块化，前端逻辑越来越复杂；

试着搭建一个完整的页面框架：

1.主页面是index.html,后面层层嵌套，实际的核心是left menu和中间的route-view

这部门涉及到组件，router，axios，本地token存贮，element-plus等技术，基本上参照网上教程都可以实现

2.其实让我最困惑的是login.html。因为它应该是一个独立的页面，但教程上讲的都是SPA单页应用。但我还是决定在注销时，勇敢地跳到login.html，也许有更好的办法，但总要先实现了再说。

我很怀疑那些直接跳到一个组件的文章，那样的登录页面岂不是只能显示在router-view中了？

NoNoNo，我要的是这种：

3.在开发环境下调通后，还有最后一步的打包，可参考我另一遍文章《vue3+vite+nginx打包》，里面还有一个问题没有说，就是多html的打包。这又是一个让我很不适应的地方。在mvc下哪还需要逐一指定打包的html呢？ 没办法，这里就得按这个规矩来，如下配置了index.html和login.html2个文件：

 

总结一下：

门槛确实不低，但也些地方代码简洁了不少