A. 前端：Vue和React都學會後，對比React和Vue的11個基本功能-
1、Jsx和template
在Vue2中是使用 template 的，這點使用 Vue 的同學們都知道，而在 React 中使用的是 JSX ， JSX 是一個看起來很像 XML 的 JavaScript 語法擴展。
它有以下優點：
JSX 的例子：使用ReactDOM.render函數，將DOM渲染到對應到id為app的節點下
2、React 中給元素設置 style
React 使用內聯樣式。我們可以使用 駝峰法 語法來設置內聯樣式. React 會在指定元素數字後自動添加 px 。以下實例演示了給 h1 元素添加 myStyle 內聯樣式：
3、React 中給元素設置 class
由於 JSX 就是 JavaScript，一些標識符像 class 不建議作為 XML 屬性名。作為替代，使用 className 來做對應的屬性。
4、React 中的點擊事件
在 Vue 中的點擊事件使用的是 @click 來觸發的，而在 JSX 中使用的是 onClick
5、React 中修改值觸發DOM更新
我使用的是 React hook 其中的 useState ，這一個hook在修改常量的時候比較簡單，但是在修改引用 對象 或者 數組 的時候就需要先進行 淺拷貝 再進行覆蓋修改
6、生命周期
使用React的hook—— useEffect
第二個參數不傳
當 useEffect 第二個參數不傳時， 頁面初始 和 數據更新 的時候，第一個參數函數都會執行，所以此時初始頁面時會輸出一次啦啦啦，然後無論你點修改num或者修改count的按鈕時，也都會輸出啦啦啦
第二個參數傳遞空數組
當 useEffect 第二個參數傳 [] 時，那麼第一個參數函數只有在 頁面初始 的時候才會執行，也就是只執行一次，無論你點修改num或者修改count的按鈕，都不會執行這個函數
第二個參數傳遞非空數組
當 useEffect 第二個參數傳非空數組時， 頁面初始 和 依賴的數據發生更新 的時候，第一個參數函數都會執行。比如上方的例子：
return清除操作
React 會在組件卸載的時候執行清除操作。effect 在每次渲染的時候都會執行。React 會在執行當前 effect 之前對上一個 effect 進行清除。
實在不理解的同學，可以瘋狂點擊按鈕，看看 我是定時器 這句話會輸出多遍還是只輸出一遍，就恍然大悟了
7、React 中實現 v-if & v-else
Vue中的v-if和v-else
v-if 指令用於條件性地渲染一塊內容。這塊內容只會在指令的表達式返回 true 值的時候被渲染。
也可以用 v-else 添加一個其他模塊：
React中實現
如果單單只想實現 v-if 的話，可以藉助 && 邏輯運算符
如果想實現 v-if 和 v-else 的話，可以藉助 三元運算符
8、React 中實現 v-show
Vue 中的 v-show
另一個用於根據條件展示元素的選項是 v-show 指令。用法大致一樣：
不同的是帶有 v-show 的元素始終會被渲染並保留在 DOM 中。 v-show 只是簡單地切換元素的 CSS property display 。
React中實現
其實就是改變元素的 display 這個樣式來實現效果
9、React 中實現 v-for
我們可以用 v-for 指令基於一個數組來渲染一個列表。 v-for 指令需要使用 item in items 形式的特殊語法，其中 items 是源數組，而 item 則是數組的每一項的別名。
Vue中的v-for
React中實現
JSX 允許在模板中插入數組，數組會自動展開所有成員：
但是我大多數情況會使用數組的 map 方法來協助渲染
10、React 中實現 computed
Vue 中的 computed
只要 name 或者 food 改變， mag 會更新成相應的值
React中實現
在 React 中需要通過 useMemo 這個 hook 來來實現 computed 的效果
11、React 中實現 watch
B. 前端裡面node.js和vue.js區別是什麼
兩者的區別是：一個是服務端語言，一個是前端框架。
1、nodejs是一個js運行於服務端的環境，是一個服務端語言；而vue是前端渲染的庫，是一個前端框架。
2、Node用於方便地搭建響應速度快、易於擴展的網路應用；
3、而vue用於實現響應的數據綁定和組合的視圖組件。是一套用於構建用戶界面的漸進式JavaScript框架。
Node.js
是一個基於 Chrome V8 引擎的 JavaScript 運行環境。
Node.js 使用了一個事件驅動沖遲、非阻塞式 I/O 的模型，使其輕量又高效。
Node.js 的包管理器 npm，是全球最大的開源庫生態系統。
Vue.js
是一個構建數據驅動的 web 界面的漸進式框架。
Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和旦判喚組合的視圖組件。它不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與單文件組件和 Vue 生態系統支持的庫結合使用時，Vue 也完全能夠為復雜的模凱單頁應用程序提供驅動。
C. 前端vue框架是拿來做什麼用的
拿來做頁面用的阿
現在單頁面應用流行且體驗性好，所以一批這種框架，vue又容易上手而且很小，所以也流行。
D. 前端vue是什麼
Vue.js 是一個JavaScriptMVVM庫，是一套構建用戶界面的漸進式框架。它是以數據驅動和組件化的思想構建的，採用自底向上增量開發的設計。相比於Angular.js，Vue.js提供了更加簡潔、更易於理解的API，使得我們能夠快速地上手並使用Vue.js；同時比起 React + Rex 相對復雜的架構，Vue.js 更加輕量級也更加容易上手，是初創項目的首選前端框架。Vue 的核心庫只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。
今天帶領大家來了解一款漸進式JavaScript框架——Vue。
近年來，前端開發領域，舊瀏覽器逐漸淘汰，移動端開發需求逐年增加，前端交互越來越多，功能越來越復雜。架構從傳統後台MVC向REST API + 前端MV* 遷移。
MV*相當於MVC即：
Model（模型）表示應用程序核心（比如資料庫記錄列表）。
View（視圖）顯示前端的學習都是需要不斷的學習，學一天停一停相當於白學，學習效果很差，如果你想有人一起學習可以來這個扣裙，首先是132 中間是667最後是127 都是零基礎的同學，大家相互鼓勵 共同努力 只是學著玩就不建議來了!!!數據（資料庫記錄）。
Controller（控制器）處理輸入（寫入資料庫記錄）。
MVP
Model（模型）表示應用程序核心（比如資料庫記錄列表）。
View（視圖）顯示數據（資料庫記錄）。
Presenter（表示器）負責邏輯處理業務。
與MVC差別在於：
1、View與Model完全隔離。
2、Presenter與View的具體實現技術無關。
3、可以進行View的模擬測試。
MVVM（Vue就是一種MVVM框架）
Model（模型）表示應用程序核心（比如資料庫記錄列表）。
View（視圖）顯示數據（資料庫記錄）。
ViewModel（觀察者）負責把Model的數據同步到View顯示出來，還負責把View的修改同步回Model。
優點：高內聚，低耦合（可重用性、可移植性）。
Vue是一款數據驅動+組件化的前端開發框架，對比於Angular和React，Vue.js更輕量，gzip後大小隻有26K （Angular 56K,React 44K），同時更易上手，學習曲線平穩，吸收兩家之長，借鑒了angular的指令和react的組件化。
E. vuejs在前端開發起到什麼作用
jQuery的諸多局限性導致前端工程師的發展受到了很多的限制，只能做一些表面性的工作，並不能實現前後端分離開發。
而近期出現的Vue，它給前端帶來了無限的可能和改變。
改變一：真正意義上的前端工程師
之前開發都是前端做靜態頁面，把頁面給到後台程序員改成jsp、php、asp等等...一頓亂改，一頓塞變數，做完以後頁面樣式亂七八糟，最後你再調整css。說白了你會html，css就行了，基本沒什麼門檻，可以這么說。
有了Vue和Node的前端工程化以後，前端工程師能做的事情越來越多，後台人員只需要拋過來一個Api，剩下的就可以都交給前端了。
改變二：服務端渲染VS客戶端渲染
傳統的jsp、php或是模板渲染也好，都是服務端渲染，就是客戶端一個請求，伺服器直接把整個頁面返回給你，簡單粗暴。（Spring Boot是通過模板引擎，由服務端完成的渲染工作）
但是vue開發是前後端分離開發，通過api進行交互，客戶端請求伺服器返回json數據，由客戶端進行渲染。
不僅減輕了伺服器的壓力速度更快而且渲染更加優雅，代碼更容易維護。
改變三：渲染優雅，代碼易維護
jQuery是通過DOM來控制數據，不僅笨重而且渲染數據特別麻煩，而 Vue是通過數據來控制狀態，通過控制數據來控制渲染，變數可以直接寫在標簽中，渲染更加優雅。
因為前端代碼和後台代碼都是分開的，所以項目更容易維護，開發效率更高。
改變四：項目工程化，結合npm直接安裝第三方庫
Vue讓前端項目更加工程化，同時也規范了前端工程師的代碼，而node和npm的加入才是vue能蓬勃發展的重要原因。
Node為Vue提供了本地server和模塊化開發的思路，npm更能安裝Vue項目需要的模塊，配合Vue使用，比如Moment.js Element ui vuex等等，這些第三方庫讓Vue有了無限的可能。
敲黑板（補充下）：傳統開發jQuery是命令式編程，現代框架開發是函數式編程。現代框架開發，可以使用Webpack（當然使用jQuery也可以使用Webpack），可以使用人家提供的現成的腳手架，比方說create-react-app，vue-cli。極大提高了開發的效率，並且可以使用最新的ES6、ES7語法進行開發，在編碼體驗上，就提高了一個檔次。
總結
知其然，知其所以然，沒有最好的框架，只有最合適的框架！
F. 前端Vue框架作用是什麼
簡潔高效方便的開發前端頁面，提升前端渲染性能，數據驅動，讓開發者將注意力集中在數據的渲染上而不是其他事情上
G. 前端中的Vue是什麼
Vue.js 是一個JavaScriptMVVM庫，是一套構建用戶界面的漸進式框架。它是以數據驅動和組件化的思想構建的，採用自底向上增量開發的設計。相比於Angular.js，Vue.js提供了更加簡潔、更易於理解的API，使得我們能夠快速地上手並使用Vue.js；同時比起 React + Rex 相對復雜的架構，Vue.js 更加輕量級也更加容易上手，是初創項目的首選前端框架。Vue 的核心庫只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。
Vue.js是一個構建數據驅動的 web 界面的漸進式框架，是一個JavaScript MVVM庫。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，並且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動採用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。
為什麼？
1、文檔好
2、簡單
3、更新快
4、開發效率高
5、能大能小 能上能下
6、開始學習成本低
7、支持組件化，也就是可以將頁面封裝成若干個組件，採用積木式進行編程
以上回答希望對你有所幫助
H. Web前端主流框架—Vue的優缺點分析
Vue：
Vue是尤雨溪編寫的一個構建數據驅動的Web界面的庫，准確來說不是一個框架，它聚焦在V(view)視圖層。它有以下的特性：1.輕量級的框架;2.雙向數據綁定;3.指令;4.插件化。
優點：
1.簡單：官方文檔很清晰，比Angular簡單易學。
2.快速：非同步批處理方式更新DOM。
3.組合：用解耦的、可復用的組件組合你的應用程序。
4.緊湊：~18kbmin+gzip，且無依賴。
5.強大：表達式無需聲明依賴的可推導屬性(computedproperties)。
6.對模塊友好：可以通過NPM、Bower或Duo安裝，不強迫你所有的代碼都遵循Angular的各種規定，使用場景更加靈活。
缺點：
1.新生兒：Vue.js是一個新的項目，沒有angular那麼成熟。
2.影響度不是很大：google了一下，有關於Vue.js多樣性或者說豐富性少於其他一些有名的庫
3.不支持IE8。
以上就是青藤小編關於Web前端主流框架：Vue的優缺點分析的相關分享，希望對大家有所幫助，想要了解更多相關內容，歡迎大家及時關注哦!
I. 學習前端vue怎麼樣
如今Web前端開發是一門吃香的技術，前端入門相對容易，更多的人選擇了Web前端開發工程師的職業。想要掌握Web前端技術的內容，能夠達到企業的就業要求，需要付出更多的時間及努力。只要真正不斷提升自身的技能，才能走更遠。
如果你想要快速學習Web前端技術，專業全面的學習方式比較好，一般費用在2W左右，4-6個月左右。專業學習適合零基礎的小白迅速成長，學習曲線先快後慢，也適合有一定基礎的學員進階學習，鞏固知識的基礎上，穩步進步突破職業瓶頸。