簡(jiǎn)單了解前端漸進(jìn)式框架VUE
更新時(shí)間：2020年07月20日 15:26:38 作者：字母哥博客
這篇文章主要介紹了前端漸進(jìn)式框架VUE的相關(guān)資料，文中講解的非常細(xì)致，幫助大家開始學(xué)習(xí)VUE，感興趣的朋友可以了解下
一、前端響應(yīng)式框架VUE簡(jiǎn)介
- Vue (讀音 /vjuː/，類似于 view)
- Vue的官方網(wǎng)站是：https://cn.vuejs.org/
- 是中國(guó)的大神尤雨溪開發(fā)的，為數(shù)不多的國(guó)人開發(fā)的世界頂級(jí)開源軟件
- 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。（下文會(huì)介紹什么是漸進(jìn)式框架及自底向上逐層應(yīng)用的概念）
- MVVM響應(yīng)式編程模型，避免直接操作DOM , 降低DOM操作的復(fù)雜性。
MVVM：頁(yè)面輸入改變數(shù)據(jù)，數(shù)據(jù)改變影響頁(yè)面數(shù)據(jù)展示與渲染
- M（model）：普通的javascript數(shù)據(jù)對(duì)象
- V（view）：前端展示頁(yè)面
- VM（ViewModel）：用于雙向綁定數(shù)據(jù)與頁(yè)面，對(duì)于我們的課程來(lái)說，就是vue的實(shí)例
二、VUE核心功能
- 基礎(chǔ)功能：頁(yè)面渲染、表單處理提交、幫我們管理DOM(虛擬DOM)節(jié)點(diǎn)
- 組件化開發(fā)：增強(qiáng)代碼的復(fù)用能力，復(fù)雜系統(tǒng)代碼維護(hù)更簡(jiǎn)單
- 前端路由：更流暢的的用戶體驗(yàn)、靈活的在頁(yè)面切換已渲染組件的顯示，不需與后端做多余的交互
- 狀態(tài)集中管理：MVVM響應(yīng)式模型基礎(chǔ)上實(shí)現(xiàn)多組件之間的狀態(tài)數(shù)據(jù)同步與管理
- 前端工程化：結(jié)合webpack等前端打包工具，管理多種靜態(tài)資源，代碼，測(cè)試，發(fā)布等，整合前端大型項(xiàng)目。
三、漸進(jìn)式框架
筆者理解的“漸進(jìn)式框架”也非常簡(jiǎn)單，就是用你想用或者能用的功能特性，你不想用的部分功能可以先不用。VUE不強(qiáng)求你一次性接受并使用它的全部功能特性。
- 場(chǎng)景一：公司剛開始一個(gè)項(xiàng)目，技術(shù)人員對(duì)Vue的掌握也不足夠。那么我們就不能使用VUE了么？當(dāng)然不是，如果你只是使用VUE做些基礎(chǔ)操作，如：頁(yè)面渲染、表單處理提交功能，那還是非常簡(jiǎn)單的，成熟技術(shù)人員上手也就一兩天。完全可以用它去代替jquery。并不需要你去引入其他復(fù)雜特性功能。
- 場(chǎng)景二：我們項(xiàng)目用了VUE，使用的效果也挺好。那么我們想逐漸實(shí)現(xiàn)代碼組件化，實(shí)現(xiàn)代碼的復(fù)用，或者是基于組件原型的跨項(xiàng)目的代碼復(fù)用。那么我們就可以引入VUE的components組件特性了。
- 場(chǎng)景三：我們的項(xiàng)目規(guī)模逐漸的變大了，我們可能會(huì)逐漸用到前端路由、狀態(tài)集中管理、并最終實(shí)現(xiàn)一個(gè)高度工程化的前端項(xiàng)目。這些功能特性我們可以逐步引入，當(dāng)然不用也可以。
所以VUE的適用面很廣，你可以用它代替老項(xiàng)目中的JQuery。也可以在新項(xiàng)目啟動(dòng)初期，有限的使用VUE的功能特性，從而降低上手的成本。
以上就是簡(jiǎn)單了解前端漸進(jìn)式框架VUE的詳細(xì)內(nèi)容，更多關(guān)于前端漸進(jìn)式框架VUE的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家介紹了vitejs預(yù)構(gòu)建理解及流程解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了Vue.js中observer模塊的相關(guān)資料，文中通過原理分析介紹還是相對(duì)的詳細(xì)，相信對(duì)大家具有一定的參考價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-02-02
今天小編就為大家分享一篇vue-router 中 meta的用法詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2019-11-11
這篇文章主要介紹了vue組件內(nèi)部引入外部js文件的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
這篇文章主要介紹了vue print.js打印支持Echarts圖表操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-11-11
下面小編就為大家分享一篇淺談Vue Element中Select下拉框選取值的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2018-03-03
Vue.js系列之項(xiàng)目結(jié)構(gòu)說明(2)
這篇文章主要介紹了Vue.js系列之項(xiàng)目結(jié)構(gòu)說明(2)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-01-01
vue3中如何用threejs畫一些簡(jiǎn)單的幾何體
最近學(xué)習(xí)threejs有些時(shí)間了,就想著著手做些東西,下面這篇文章主要給大家介紹了關(guān)于vue3中如何用threejs畫一些簡(jiǎn)單的幾何體的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
這篇文章主要介紹了淺談Vue入門需掌握的知識(shí)，感興趣的同學(xué)參考下2021-04-04
Vue使用Element-UI生成并展示表頭序號(hào)的方法
序號(hào)算是在展示數(shù)據(jù)的時(shí)候，一種很普遍的屬性了，我們可以自己寫生成序號(hào)的規(guī)則，也可以借助第三方，這篇文章主要介紹了Vue使用Element-UI生成并展示表頭序號(hào)的方法,需要的朋友可以參考下2023-01-01