学习vue的成果之cms系统

缘起

作为一个想吃全栈的java后端程序员, 一直认为前端已非09年之前的前端了. 正如某些前端自豪的称之为 大前端 时代的驾临. 所以我目前正沉下心来学习前端知识. 正好公司项目用到了vue.js 作为前端技术支撑. 所以学习了一下vue的知识. 并且做了一个小型的cms系统. 后端采用的是node.js. 参见Demo【1】

分析

这里简单的讲一下我对vue的粗浅认识. 和后端的MVC平行的, 前端vue提出了 MVVM的概念. 即过去前端程序员不仅要关注于数据（ajax），还需要关注业务（dom等webapi）, 但MVVM=M(数据)+V（视图）+VM(View Model)的引入 ，使得前端程序员的代码变得有序起来（刚入行的一段时间，一直觉得前端代码比后端代码难读）.而VM起到了关键作用，它就是Vue. 其实估计其他前端框架，例如react 也是解决了这个问题.

ps. 这里要纠正一下, 我们以前用的 jquery、requirejs 只能算作js库，而不能作为 框架，框架是一种解决方案，就是换框架(譬如react换成vue)代码就要大改的那种，而换js库只需要局部改动代码.

所以我目前认知的大前端时代就是这种MVVM的思想导致了前端的分层也泾渭分明起来导致的. 当然，大前端时代的到来还有一个重要原因就是 js的模块化. 我们知道，es6之前，js是只有函数作用域和全局作用域的，并没有模块作用域. 但是es6提出了js模块化（import+export），其实node也有require和module.exports. 模块化导致前端的开发变得极为规整. 一旦有了秩序，代码的可维护性和可读性就提高了N多倍. 大前端的时代来临也就不奇怪了.

Demo

【1】https://github.com/yfsyfs/front/tree/master/vue-cms