說到了vue,我們就不得不先聊一下vue是什么以及為什么我們要使用vue,他能給我們的開發帶來什么樣的便利呢?
首先,我們來看一下vue的自我介紹:
1.Vue.js(讀音 /vjuː/, 類似於 view) 是一套構建用戶界面的漸進式框架。
請注意我加粗的這一點,漸進式框架是相比於Angular.js我最喜歡的一點(ps:絕對不是因為vue的文檔寫的最好 :-) )
這意味着,vue是一個無論項目大小都可以滿足開發需求的框架。
通俗的來講,vue就是一個已經搭建好的空屋,與單純使用jQuery這種庫比,可以更好地實現代碼復用,減少工作量,與Angular.js這種家具電器一應俱全的框架相比又不會一件件挑選,把自己不喜歡再一件件的扔了,甚至required 必須用且耗費空間的!
簡而言之,vue做了必須的事,又不會做職責之外的事。
2.Vue 只關注視圖層, 采用自底向上增量開發的設計。
(1)視圖層:
那么HTML中的DOM其實就是視圖,一個網頁就是通過DOM的組合與嵌套,形成了最基本的視圖結構,再通過CSS的修飾,在基本的視圖結構上“化妝”讓他們看起來更加美觀。最后涉及到交互部分,就需要用到JavaScript來接受用戶的交互請求,並且通過事件機制來響應用戶的交互操作,並且在事件的處理函數中進行各種數據的修改,比如說修改某個DOM中的innerHTML或者innerText部分。
我們把HTML中的DOM就可以與其他的部分獨立開來划分出一個層次,這個層次就叫做視圖層。
(2)MVVM
是Model-View-ViewModel 的縮寫,由 Model,View,ViewModel 三部分構成,Model 層代表數據模型,也可以在Model中定義數據修改和操作的業務邏輯;View 代表UI 組件,它負責將數據模型轉化成UI 展現出來,ViewModel 是一個同步View 和 Model的對象。它是一種基於前端開發的架構模式,其核心是提供對View 和 ViewModel 的雙向數據綁定,這使得ViewModel 的狀態改變可以自動傳遞給 View,即所謂的數據雙向綁定。
(3)Vue 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
擴展資料:
vue在web開發、網站制作中的優勢
1、據綁定:vue會根據對應的元素,進行設置元素數據,通過輸入框,以及get獲取數據等多種方式進行數據的實時綁定,進行網頁及應用的數據渲染 。
2、組件式開發:通過vue的模塊封裝,它可以將一個web開發中設計的各種模塊進行拆分,變成單獨的組件,然后通過數據綁定,調用對應模版組件,同時傳入參數,即可完成對整個項目的開發。
3、簡單小巧的核心,漸進式技術棧,足以應付任何規模的應用。