领悟心智模型，迈向高级前端

vue前端开发的整体套路（react同理），可以用下图很好的表示出来。

1）数据驱动视图

由之前的命令式的操作dom，变成了仅仅变换state数据，大幅减少代码量和心智负担。只用维护好state数据，由响应式去自动更新视图

2）事件改变数据

掌握好浏览器的仅有的几类事件，用事件来改变state

3）组件组成页面

页面是由一个一个的大块儿的组件组成的，不再是原来的类似于div的原子，大幅提高组织化水平，重用水平。

最后用外围的webpack等工程化工具，保证上面的模型能够运转起来。

以上的几条，构成了前端开发的基本心智模型，体悟到了这一个模型，可以说就掌握了现代化的前端开发。