1.1vue.js 是什么


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>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM