vue.js的官方文檔中是這樣介紹它的。
簡單小巧的核心,漸進式技術棧,足以應付任何規模的應用。
簡單小巧是指vue。js壓縮后大小僅有17kn。所謂漸進式,就是你可以一步一步·有階段性的來使用vue.js,不必一開始就使用所有的東西。隨着本書的不斷介紹,你會深刻感受到這一點,這也是開發者熱愛vue.js的主要原因之一。
使用vue.js可以讓web開發變的簡單,同時也顛覆了傳統前端開發模式,他提供了現代web開發中常見的高級功能,比如:
解偶視圖與數據
可復用的組件
前端路由
狀態管理
虛擬dom
1.1.1 MVVM模式
與知名前端框架angular·ember等一樣,vue.js在設計上也使用 mvvm模式。
mvvm模式是由經典的軟件架構mvc衍生來的,當view(視圖層)變化時,會自動更新到viewmodel(視圖模型),繁殖亦然。view和viewmodel之間通過雙向綁定建立聯系,
1.1.2vue.js有什么不同
如果你使用過jquery,那你一i的那個對操作dom。綁定事件等這些原聲javascript能力非常熟悉,比如我們在指定dom中插入一個元素,並給他綁定一個點擊事件
這段代碼不難理解,操作的內容也不復雜,不過這樣讓我們的視圖代碼和業務邏輯緊耦合在一起,隨着功能不斷增加,直接操作dom會使得代碼越來越難以維護。
而vue.js通過mvvm的模式拆分為視圖和數據兩部分,並將其扽里,因此你只需關心你的數據就行,dom的事情vue會幫用vue.js可以改寫為:
<body>
<div id="app">
<button v-if="showBtn" v-on:click="handleClick“>click me</button>
</div>
</body>