组件和viewmodel

Question

路线一：整体渲染（样式、结构、行为放在一起）--->结构、样式、行为分离（结构、样式、行为分别放在不同的文件中）--->功能单元的隔离（将样式、行为各自分为多个功能单元，放在不同的文件中）--->组件化
路线二：JS原生代码操作DOM--->jQuery阶段--->MVC阶段--->MVVM阶段
上述的两条路线是否是Web架构模式的发展路线？两条路线有什么交集吗？学习Vue时，其核心思想是数据驱动的组件系统，但是很难明白“一个组件对应一个viewmodel”这句话的意思，很难从jQuery的思想过渡到Vue的思想？本人前端小白，还请大神指点指点.....非常感谢！！！！！