Vue.js实战：初识Vue.js

Posted 2021-01-16 Crazy Struggle

一、Vue.js是什么

简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。

简单小巧指的是Vue.js 压缩后大小仅有17KB

所谓渐进式（Progressive）就是你一步一步，有阶段性地来使用Vue.js，不必一开始就使用所有的东西。

使用Vue.js可以让Web开发变得简单，同时也颠覆了传统前端开发模式。

二、MVVM模式

与知名前端框架Angular、Ember 等一样，Vue.js在设计上也使用MVVM（Model-View-View-Model ）模式。

 MVVM模式是有经典的软件架构MVC衍生来的。当View（视图层）变化时，会自动更新到ViewModel（视图模型），反之亦然。View和ViewModel之间通过双向绑定（data-binding）建立联系，如图所示：

三、Vue.js有什么不同

如果使用过jQuery，一定对操作DOM、绑定时间等原生javascript能力非常熟悉，比如我们在指定DOM中插入一个元素，并给它绑定一个点击事件：