欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

簡單了解前端漸進(jìn)式框架VUE

 更新時間:2020年07月20日 15:26:38   作者:字母哥博客  
這篇文章主要介紹了前端漸進(jìn)式框架VUE的相關(guān)資料,文中講解的非常細(xì)致,幫助大家開始學(xué)習(xí)VUE,感興趣的朋友可以了解下

一、前端響應(yīng)式框架VUE簡介

  • Vue (讀音 /vjuː/,類似于 view)
  • Vue的官方網(wǎng)站是:https://cn.vuejs.org/
  • 是中國的大神尤雨溪開發(fā)的,為數(shù)不多的國人開發(fā)的世界頂級開源軟件
  • 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。Vue 被設(shè)計為可以自底向上逐層應(yīng)用。(下文會介紹什么是漸進(jìn)式框架及自底向上逐層應(yīng)用的概念)
  • MVVM響應(yīng)式編程模型,避免直接操作DOM , 降低DOM操作的復(fù)雜性。

MVVM:頁面輸入改變數(shù)據(jù),數(shù)據(jù)改變影響頁面數(shù)據(jù)展示與渲染

  • M(model):普通的javascript數(shù)據(jù)對象
  • V(view):前端展示頁面
  • VM(ViewModel):用于雙向綁定數(shù)據(jù)與頁面,對于我們的課程來說,就是vue的實例

二、VUE核心功能

  • 基礎(chǔ)功能:頁面渲染、表單處理提交、幫我們管理DOM(虛擬DOM)節(jié)點
  • 組件化開發(fā):增強代碼的復(fù)用能力,復(fù)雜系統(tǒng)代碼維護(hù)更簡單

  • 前端路由:更流暢的的用戶體驗、靈活的在頁面切換已渲染組件的顯示,不需與后端做多余的交互
  • 狀態(tài)集中管理:MVVM響應(yīng)式模型基礎(chǔ)上實現(xiàn)多組件之間的狀態(tài)數(shù)據(jù)同步與管理
  • 前端工程化:結(jié)合webpack等前端打包工具,管理多種靜態(tài)資源,代碼,測試,發(fā)布等,整合前端大型項目。

三、漸進(jìn)式框架

筆者理解的“漸進(jìn)式框架”也非常簡單,就是用你想用或者能用的功能特性,你不想用的部分功能可以先不用。VUE不強求你一次性接受并使用它的全部功能特性。

  • 場景一:公司剛開始一個項目,技術(shù)人員對Vue的掌握也不足夠。那么我們就不能使用VUE了么?當(dāng)然不是,如果你只是使用VUE做些基礎(chǔ)操作,如:頁面渲染、表單處理提交功能,那還是非常簡單的,成熟技術(shù)人員上手也就一兩天。完全可以用它去代替jquery。并不需要你去引入其他復(fù)雜特性功能。
  • 場景二:我們項目用了VUE,使用的效果也挺好。那么我們想逐漸實現(xiàn)代碼組件化,實現(xiàn)代碼的復(fù)用,或者是基于組件原型的跨項目的代碼復(fù)用。那么我們就可以引入VUE的components組件特性了。
  • 場景三:我們的項目規(guī)模逐漸的變大了,我們可能會逐漸用到前端路由、狀態(tài)集中管理、并最終實現(xiàn)一個高度工程化的前端項目。這些功能特性我們可以逐步引入,當(dāng)然不用也可以。

所以VUE的適用面很廣,你可以用它代替老項目中的JQuery。也可以在新項目啟動初期,有限的使用VUE的功能特性,從而降低上手的成本。 

以上就是簡單了解前端漸進(jìn)式框架VUE的詳細(xì)內(nèi)容,更多關(guān)于前端漸進(jìn)式框架VUE的資料請關(guān)注腳本之家其它相關(guān)文章!

相關(guān)文章

  • vitejs預(yù)構(gòu)建理解及流程解析

    vitejs預(yù)構(gòu)建理解及流程解析

    這篇文章主要為大家介紹了vitejs預(yù)構(gòu)建理解及流程解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • Vue.js原理分析之observer模塊詳解

    Vue.js原理分析之observer模塊詳解

    這篇文章主要介紹了Vue.js中observer模塊的相關(guān)資料,文中通過原理分析介紹還是相對的詳細(xì),相信對大家具有一定的參考價值,需要的朋友們下面來一起看看吧。
    2017-02-02
  • vue-router 中 meta的用法詳解

    vue-router 中 meta的用法詳解

    今天小編就為大家分享一篇vue-router 中 meta的用法詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-11-11
  • vue組件內(nèi)部引入外部js文件的方法

    vue組件內(nèi)部引入外部js文件的方法

    這篇文章主要介紹了vue組件內(nèi)部引入外部js文件的方法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-01-01
  • vue print.js打印支持Echarts圖表操作

    vue print.js打印支持Echarts圖表操作

    這篇文章主要介紹了vue print.js打印支持Echarts圖表操作,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11
  • 淺談Vue Element中Select下拉框選取值的問題

    淺談Vue Element中Select下拉框選取值的問題

    下面小編就為大家分享一篇淺談Vue Element中Select下拉框選取值的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • Vue.js系列之項目結(jié)構(gòu)說明(2)

    Vue.js系列之項目結(jié)構(gòu)說明(2)

    這篇文章主要介紹了Vue.js系列之項目結(jié)構(gòu)說明(2)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2017-01-01
  • vue3中如何用threejs畫一些簡單的幾何體

    vue3中如何用threejs畫一些簡單的幾何體

    最近學(xué)習(xí)threejs有些時間了,就想著著手做些東西,下面這篇文章主要給大家介紹了關(guān)于vue3中如何用threejs畫一些簡單的幾何體的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-03-03
  • 淺談Vue入門需掌握的知識

    淺談Vue入門需掌握的知識

    這篇文章主要介紹了淺談Vue入門需掌握的知識,感興趣的同學(xué)參考下
    2021-04-04
  • Vue使用Element-UI生成并展示表頭序號的方法

    Vue使用Element-UI生成并展示表頭序號的方法

    序號算是在展示數(shù)據(jù)的時候,一種很普遍的屬性了,我們可以自己寫生成序號的規(guī)則,也可以借助第三方,這篇文章主要介紹了Vue使用Element-UI生成并展示表頭序號的方法,需要的朋友可以參考下
    2023-01-01

最新評論