1. 程式人生 > >Vue.js實戰:初識Vue.js

Vue.js實戰:初識Vue.js

一、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中插入一個元素,並給它繫結一個點選事件: