1 : 什么是 vue
vue.js 是一套漸進(jìn)式的 JavaScript 框架
vue是一款很友好的框架 . 多途徑并且高性能JavaScript框架 . 更好的維護(hù)和測試更強(qiáng)的代碼 作用 : 動態(tài)結(jié)構(gòu)用戶界面
總之一句話 vue 牛批 : 易用 . 靈活 . 高效
vue與其他前端框架的關(guān)聯(lián)
1 . 借鑒了 angular 的模板和數(shù)據(jù)綁定技術(shù)
2 . 借鑒了 react 的組件化和虛擬DOM技術(shù)
由此可見 vue 是借鑒了 前面兩位大哥的優(yōu)勢 . 更好的提升了自己 (站在了巨人的肩膀上 和太陽肩并肩)
2 : 什么是框架 什么是庫
2.1 : 框架
擁有一個完整的解決方案 . 讓我們開發(fā)人員 開發(fā)好以后 . 它就能調(diào)用我們的代碼
2.2 : 庫 : 類似于 jQuery
1 . 庫是別人開發(fā)好了以后 . 供我們開發(fā)人員去調(diào)用庫里面的各種方法
2 . 庫的概念和意義是用來提供一些方法的集合 . 避免重復(fù)定義一些功能相同的函數(shù) . 并具有一定的模式和兼容性
3 . 框架 . 更應(yīng)該是 規(guī)范開發(fā)者按照框架的設(shè)計(jì)理念去做一些事情 . 二千非常簡單工具集的概念 . 框架可以提供相應(yīng)的庫 基于 庫來實(shí)現(xiàn)插件 . 但是庫一般都不會具框架的規(guī)范
3 : vue的特點(diǎn)
1 . 核心關(guān)注視圖層
2 . 易學(xué) . 輕量 . 靈活的特點(diǎn)
3 . 編寫代碼簡潔 . 體積小 . 運(yùn)行效率高 . 更適用于 移動端 和 pc端開發(fā)
4 . 漸進(jìn)式框架
5 . 遵循MVVM模式
3.1 漸進(jìn)式的理解
通過組合 . 完成一個完整的框架
通俗來講 : 漸進(jìn)式就是vue有一個核心的庫 . 和一堆的插件 . 當(dāng)核心庫能完成的內(nèi)容就用核心庫 . 在開發(fā)中需要聲明插件 再下載什么插件使用
圖列 :
比如蓋一棟樓房 : 起先說的是蓋3層
然后我們就找了一些蓋房的工人 . 和一些需要混泥車 ,
但是呢 后來房東又說在基礎(chǔ)上再蓋5層 . 此時我們的需求和人手就不夠了, 就要再次尋找一些工人和一些需要的工具 來完成這次項(xiàng)目,但是呢又有一天 房東又提出了需求 , 要求鏟平原來的修好的樓,該修別墅.此時又要去請求一些 地面設(shè)計(jì)師 別墅設(shè)計(jì)師 屋內(nèi)設(shè)計(jì)師 所以我們又要去尋找更優(yōu)秀的人才來完成這次項(xiàng)目工程 . 這就好比漸進(jìn)式的理解
通俗來講 : 如果你現(xiàn)在的需求 vue本身的庫能完成你的需求 . 就不需要引入其他的組建等等.. 如果不滿足就可以引用一些其他的工具
可能很多小伙伴 都知道 vue 全家桶~ 那么什么是全家桶呢?
簡單的描述一下 vue.js + vue-router + vuex + axios
1 . vue.js : 聲明式渲染
2 . 組建系統(tǒng) ( 大型項(xiàng)目 . 很多部分可以復(fù)用 )
3 . vue-router : 客戶端路由
4 . vuex: 大規(guī)模狀態(tài)管理
5 . 構(gòu)建工具 ( vue-cli )
3.2 MVC (單向) 視圖
3.3 MVVM (雙向) 視圖
3.4 Vue插件
1. Vue.cli : Vue 腳手架
2. vue-resource : ajax請求 . 官網(wǎng)已經(jīng)不推薦使用 . 推薦使用 axios
3. vue-router : 路由
4. vuex : 狀態(tài)管理
5. vue-lazyload : 圖片懶加載
6. vue-scroller : 頁面滑動
7. element-ui : 基于 vue 的ui組件庫 (pc端)
8. mint-ui : 基于 vue 組件庫 (移動端)
后續(xù)一定更加精致 不喜勿噴
留下您最好的建議 給予我這個{ 新手 }最好的幫助
今日打卡 : 2020.05.24
