vue的優(yōu)勢(shì)為什么使用vue？
vue的優(yōu)勢(shì)為什么使用vue？
2、Vue.js的優(yōu)點(diǎn)
體積?。簤嚎s后只有33k;
更高的運(yùn)行效率：基于虛擬DOM，一種可以預(yù)先通過(guò)JavaScript進(jìn)行各種計(jì)算，把最終的DOM操作計(jì)算出來(lái)并優(yōu)化的技術(shù)，由于這種DOM操作屬于預(yù)處理操作，并沒(méi)有真實(shí)的操作DOM，所以叫做虛擬DOM;
雙向數(shù)據(jù)綁定：讓開(kāi)發(fā)者不用再去操作DOM對(duì)象，把更多的精力投入到業(yè)務(wù)邏輯上;
生態(tài)豐富、學(xué)習(xí)成本低：市場(chǎng)上擁有大量成熟、穩(wěn)定的基于vue.js的ui框架及組件，拿來(lái)即用實(shí)現(xiàn)快速開(kāi)發(fā);對(duì)初學(xué)者友好、入門容易、學(xué)習(xí)資料多;
3、為什么要使用Vue.js
隨著前端技術(shù)的不斷發(fā)展，前端開(kāi)發(fā)能夠處理的業(yè)務(wù)越來(lái)越多，網(wǎng)頁(yè)也變得越來(lái)越強(qiáng)大和動(dòng)態(tài)化，這些進(jìn)步都離不開(kāi)JavaScript。在目前的開(kāi)發(fā)中，已經(jīng)把很多服務(wù)端的代碼放到了瀏覽器中來(lái)執(zhí)行，這就產(chǎn)生了成千上萬(wàn)行的JavaScript代碼，他們連接著各式各樣的HTML和CSS文件，但是缺乏正規(guī)的組織形式。
這也是為什么越來(lái)越多的前端開(kāi)發(fā)者使用JavaScript框架的原因，目前比較流行的前端框架有Angular、Reac、Vue等。
Vue是一款友好的、多用途且高性能的JavaScript框架，它能夠幫助你創(chuàng)建可維護(hù)性和可測(cè)試性更強(qiáng)的代碼庫(kù)。Vue是漸進(jìn)式的JavaScript框架，也就是說(shuō)，如果你已經(jīng)有了現(xiàn)成的服務(wù)端應(yīng)用，你可以將Vue作為該應(yīng)用的一部分嵌入其中，帶來(lái)更加豐富的交互體驗(yàn)?；蛘呷绻阆Ｍ麑⒏鄻I(yè)務(wù)邏輯放到前端來(lái)實(shí)現(xiàn)，那么Vue的核心庫(kù)及其生態(tài)系統(tǒng)也可以滿足你的各式需求。
和其他框架一樣百科，Vue允許你將一個(gè)網(wǎng)頁(yè)分割成可復(fù)用的組件，每個(gè)組件都包含屬于自己的HTML、CSS、JavaScript，以用來(lái)渲染網(wǎng)頁(yè)中相應(yīng)的地方。
如果我們構(gòu)建了一個(gè)大型的應(yīng)用，可能需要將東西分割成為各自的組件和文件，使用Vue的命令行工具，使快速初始化一個(gè)真實(shí)的工程變得非常簡(jiǎn)單。
vue init webpack my-project
我們甚至可以使用Vue的單文件組件，它包含了各自的HTML、JavaScript以及帶作用域的CSS或SCSS。
4、MVC、MVP、MVVM 設(shè)計(jì)模式
MVC（Model-View-Controller）是最常見(jiàn)的軟件架構(gòu)之一，在軟件開(kāi)發(fā)領(lǐng)域有著廣泛的應(yīng)用，MVC本身是比較好理解的，但是要講清楚由它衍生出來(lái)的MVP和MVVM就不太容易了。
4.1、MVC
MVC的意思是，可以將軟件分為三個(gè)部分：
視圖（View）：用戶界面
控制器（Controller）：業(yè)務(wù)邏輯
模型（Model）：數(shù)據(jù)保存
各部分之間的通信方式為：
View傳送指令到Controller
Controller完成業(yè)務(wù)邏輯后，要求Model改變狀態(tài)
Model將新的數(shù)據(jù)發(fā)送到View，用戶得到反饋
并且所有的通信都是單向的，如下圖所示：
請(qǐng)點(diǎn)擊輸入圖片描述
MVC 模式的執(zhí)行流程是有兩種方式：
（1）通過(guò)View接受指令，傳遞給Controller
請(qǐng)點(diǎn)擊輸入圖片描述
（2）直接通過(guò)Controller接受指令
請(qǐng)點(diǎn)擊輸入圖片描述
實(shí)際項(xiàng)目中往往采用更加靈活的方式：
（1）用戶可以向View發(fā)送指令（DOM事件），再由View直接要求Model改變狀態(tài);
（2）用戶也可以直接向Controller發(fā)送指令（改變URL觸發(fā)hashChange事件），再由Controller發(fā)送給view ;
（3）Controller非常薄，只起到路由的作用，而View非常厚，業(yè)務(wù)邏輯都部署在View，所以有些框架里就直接取消了Controller，只保留一個(gè)Router（路由器）。
認(rèn)識(shí)Vue.js+Vue.js的優(yōu)缺點(diǎn)+和與其他前端框架的區(qū)別
首先，我們先了解什么是MVX框架模式？MVX框架模式：MVC+MVP+MVVM1.MVC：Model(模型)+View(視圖)+controller(控制器)，主要是基于分層的目的，讓彼此的職責(zé)分開(kāi)。View通過(guò)Controller來(lái)和Model聯(lián)系，Controller是View和Model的協(xié)調(diào)者，View和Model不直接聯(lián)系，基本聯(lián)系都是單向的。
用戶User通過(guò)控制器Controller來(lái)操作模板Model從而達(dá)到視圖View的變化。
2.MVP：是從MVC模式演變而來(lái)的，都是通過(guò)Controller/Presenter負(fù)責(zé)邏輯的處理+Model提供數(shù)據(jù)+View負(fù)責(zé)顯示。在MVP中，Presenter完全把View和Model進(jìn)行了分離，主要的程序邏輯在Presenter里實(shí)現(xiàn)。并且，Presenter和View是沒(méi)有直接關(guān)聯(lián)的，是通過(guò)定義好的接口進(jìn)行交互，從而使得在變更View的時(shí)候可以保持Presenter不變。MVP模式的框架：Riot,js。
3.MVVM：MVVM是把MVC里的Controller和MVP里的Presenter改成了ViewModel。Model+View+ViewModel。View的變化會(huì)自動(dòng)更新到ViewModel,ViewModel的變化也會(huì)自動(dòng)同步到View上顯示。
這種自動(dòng)同步是因?yàn)閂iewModel中的屬性實(shí)現(xiàn)了Observer，當(dāng)屬性變更時(shí)都能觸發(fā)對(duì)應(yīng)的操作。MVVM模式的框架有：AngularJS+Vue.js和Knockout+Ember.js后兩種知名度較低以及是早起的框架模式。Vue.js是什么？看到了上面的框架模式介紹，我們可以知道它是屬于MVVM模式的框架。
那它有哪些特性呢？其實(shí)Vue.js不是一個(gè)框架，因?yàn)樗痪劢挂晥D層，是一個(gè)構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的Web界面的庫(kù)。Vue.js通過(guò)簡(jiǎn)單的API（應(yīng)用程序編程接口）提供高效的數(shù)據(jù)綁定和靈活的組件系統(tǒng)。Vue.js的特性如下：1.輕量級(jí)的框架2.雙向數(shù)據(jù)綁定3.指令4.插件化Vue.js與其他框架的區(qū)別？1.與AngularJS的區(qū)別相同點(diǎn)：都支持指令：內(nèi)置指令和自定義指令。
都支持過(guò)濾器：內(nèi)置過(guò)濾器和自定義過(guò)濾器。都支持雙向數(shù)據(jù)綁定。都不支持低端瀏覽器。不同點(diǎn)：1.AngularJS的學(xué)習(xí)成本高，比如增加了DependencyInjection特性，而Vue.js本身提供的API都比較簡(jiǎn)單、直觀。
2.在性能上，AngularJS依賴對(duì)數(shù)據(jù)做臟檢查，所以Watcher越多越慢。Vue.js使用基于依賴追蹤的觀察并且使用異步隊(duì)列更新。所有的數(shù)據(jù)都是獨(dú)立觸發(fā)的。對(duì)于龐大的應(yīng)用來(lái)說(shuō)，這個(gè)優(yōu)化差異還是比較明顯的。
2.與React的區(qū)別相同點(diǎn)：React采用特殊的JSX語(yǔ)法，Vue.js在組件開(kāi)發(fā)中也推崇編寫.vue特殊文件格式，對(duì)文件內(nèi)容都有一些約定，兩者都需要編譯后使用。中心思想相同：一切都是組件，組件實(shí)例之間可以嵌套。都提供合理的鉤子函數(shù)，可以讓開(kāi)發(fā)者定制化地去處理需求。都不內(nèi)置列數(shù)AJAX，Route等功能到核心包，而是以插件的方式加載。
在組件開(kāi)發(fā)中都支持mixins的特性。不同點(diǎn)：React依賴VirtualDOM,而Vue.js使用的是DOM模板。React采用的VirtualDOM會(huì)對(duì)渲染出來(lái)的結(jié)果做臟檢查。
Vue.js在模板中提供了指令，過(guò)濾器等，可以非常方便，快捷地操作DOM。
學(xué)vue有什么用
Vue.js是Evan You開(kāi)發(fā)的JavaScript框架。 它是用于構(gòu)建用戶界面的漸進(jìn)式框架。
它著重于應(yīng)用程序的視圖層，并用于構(gòu)建單頁(yè)應(yīng)用程序（SPA）。
這個(gè)框架就像AngularJS一樣，但是更快，更輕便。所謂漸進(jìn)式框架的意思就是你可以根據(jù)項(xiàng)目的實(shí)際情況一步一步利用Vue.js提供的功能構(gòu)建你的應(yīng)用。Vue是web前端快速搭建網(wǎng)站的框架之一。它與jQuery有所不同，是以數(shù)據(jù)驅(qū)動(dòng)web界面（以操作數(shù)據(jù)改變頁(yè)面，而jQuery是以操作節(jié)點(diǎn)來(lái)改變頁(yè)面），同時(shí)，vue還實(shí)現(xiàn)了數(shù)據(jù)的雙向綁定，可及時(shí)響應(yīng)用戶的輸入。
最主要的是vue的寫法簡(jiǎn)單，容易掌握，組件形式可以大大提高工作效率。vue的優(yōu)勢(shì)，在構(gòu)建移動(dòng)端這方面的效率很高。但在搭建的過(guò)程中，還是少不了與jQuery結(jié)合，畢竟每個(gè)工具都有其優(yōu)點(diǎn)，擇其優(yōu)而用是明智的選擇它是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。
與其他大型框架不同的是Vue被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue的核心庫(kù)只關(guān)注視圖層，不僅易于上手，還方便與第三方庫(kù)或既有項(xiàng)目整合。另一方面當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫(kù)結(jié)合使用時(shí)，Vue也完全能夠?yàn)閺?fù)雜的單頁(yè)應(yīng)用提供驅(qū)動(dòng)。
哪些網(wǎng)站使用了vue？
國(guó)內(nèi)的如下網(wǎng)站用了vue框架：bilibili 掘金B(yǎng)站，簡(jiǎn)書，微信的開(kāi)發(fā)文檔網(wǎng)站。 Vue.js（讀音 /vju?/, 類似于 view） 是一套構(gòu)建用戶界面的漸進(jìn)式框架。
Vue 只關(guān)注視圖層， 采用自底向上增量開(kāi)發(fā)的設(shè)計(jì)。
Vue 的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定和組合的視圖組件。 Vue.js可以作為一個(gè)js庫(kù)來(lái)使用，也可以用它**的工具來(lái)構(gòu)建系統(tǒng)界面，這些可以根據(jù)項(xiàng)目的需要靈活選擇，所以說(shuō)，Vue.js是一套構(gòu)建用戶界面的漸進(jìn)式框架。Vue的核心庫(kù)只關(guān)注視圖層，Vue的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定，在這一點(diǎn)上Vue.js類似于后臺(tái)的模板語(yǔ)言。Vue也可以將界面拆分成一個(gè)個(gè)的組件，通過(guò)組件來(lái)構(gòu)建界面，然后用自動(dòng)化工具來(lái)生成單頁(yè)面(SPA – single page application)系統(tǒng)。
在本系列文章中，我們介紹了JavaScript棱鏡中不同概念，算法和數(shù)據(jù)結(jié)構(gòu)的基礎(chǔ)。 長(zhǎng)期以來(lái)，計(jì)算機(jī)科學(xué)一直是JS開(kāi)發(fā)人員忽略的主題，因?yàn)樗诂F(xiàn)代開(kāi)發(fā)中不適用。我們已經(jīng)為我們解決了一些基本問(wèn)題，而且我們將永遠(yuǎn)不必實(shí)現(xiàn)自己的基本算法。
但是，對(duì)這些概念的正確理解確實(shí)可以改善我們。 不是我們JavaScript知識(shí)，而是我們對(duì)軟件開(kāi)發(fā)的一般理解。在本文中，我們將研究鏈接列表-它們的作用以及如何實(shí)現(xiàn)它們。
. 簡(jiǎn)單點(diǎn)來(lái)說(shuō)你可以理解vue基于js是一個(gè)js庫(kù)，但是Vue的核心庫(kù)只關(guān)注視圖層，Vue的目標(biāo)是通過(guò)盡可能簡(jiǎn)單的 API 實(shí)現(xiàn)響應(yīng)的數(shù)據(jù)綁定，在這一點(diǎn)上Vue.js類似于后臺(tái)的模板語(yǔ)言。
為什么會(huì)有人說(shuō) Vue.js 簡(jiǎn)單
Vue 的簡(jiǎn)單說(shuō)的是入門簡(jiǎn)單吧，引個(gè) js 文件就可以用。 api 簡(jiǎn)潔一致，文檔清晰，很快就能出活。
改造舊項(xiàng)目也很方便，用了后臺(tái)模版的項(xiàng)目也可以用。
等你熟悉了以后有了更高的需求，做前后端分離，組件化， Vue 也有很好的支持。 Vue 的學(xué)習(xí)曲線比較平緩，入門只要知道點(diǎn) javascript 就行，其他概念可以用到再看。 React 要先理解組件化的思想，還要折騰前端構(gòu)建，這就要花去新手好多時(shí)間， Angular 也有一堆概念要理解以后才能開(kāi)始寫代碼。 Vue 也不是不需要這些，只不過(guò)這些東西可以等晚點(diǎn)再熟悉，不知道也不影響寫個(gè)簡(jiǎn)單的項(xiàng)目。
