vue簡介

時間 2019-11-18

標籤 vue 簡介简体版

原文原文鏈接

一、vue是什麼？javascript

是一個漸進式框架css

自底向上增量開發的設計html

易學習（沒看出來）前端

易整合（暫時也沒發現）vue

vue的核心只關注視圖層，而且容易學習，很是容易與其餘庫或已有的項目整合。另外一方面，Vue 徹底有能力驅動採用單文件組件和 Vue 生態系統支持的庫開發的複雜單頁應用。java

二、vue適合作哪一種類型的界面？node

a、表單項繁多jquery

b、內容須要根據用戶的操做進行修改的。git

vue就是一個用於搭建相似於網頁版知乎這種表單項繁多，且內容須要根據用戶的操做進行修改的網頁版應用。github

三、單頁面應用程序（SPA）是什麼？

一個頁面就是一個應用（子應用）

顧名思義，單頁應用通常指的就是一個頁面的就是應用，固然也能夠是一個子應用，好比知乎的一個頁面就能夠看作是一個子應用。單頁面應用程序中通常的交互處理很是多，並且頁面中的內容須要根據用戶的操做動態變化。

四、前面說的網頁版知乎我也可使用jquerty學，爲啥要用vue？

a、產品以爲須要反覆修改的

b、修改可能致使dom的關聯與嵌套層次要發生改變從而是jquery結構相關代碼變的異常複雜

c、vue能夠解決這個問題

你是否還記得當初寫jquery時候，有寫過

('#xxx').parent().parent().parent()這種代碼呢？當你第一次寫的時候，你以爲頁面元素很少，不就是找這個元素的爸爸的爸爸的爸爸嗎，我大不了在註釋裏面寫清楚這個元素的爸爸的爸爸的爸爸不就行了。可是萬一過幾天以後你的項目組長或者你的產品經理忽然對你作的網頁提出修改要求，這個修改要求將會影響頁面的結構，也就是DOM的關聯與嵌套層次要發生改變，那麼(‘#xxx’).parent().parent().parent()可能就會變成$(‘#xxx’).parent().parent().parent().parent().parent()了。

這還不算什麼，等之後產品迭代愈來愈快，修改愈來愈多，並且頁面中相似的關聯和嵌套DOM元素不止一個，那麼修改起來將很是費勁。並且JQuery選擇器查找頁面元素以及DOM操做自己也是有性能損失的，可能到時候打開這個頁面，會變得愈來愈卡，而你卻無從下手。

這個時候若是你學過Vue.js，那麼這些抱怨將不復存在。

五、前面裏面常說的視圖層是什麼？

咱們把HTML中的dom就能夠與其餘的部分獨立開來劃分出一個層次，這個層次就叫作視圖層。

vue的核心只關注視圖層

六、使用jquery開發完成頁面的流程？

a、html寫框架

b、css裝飾

c、js交互

講到jquery，就不得不說到javascript的dom操做了，若是你用jQuery來開發一個知乎，那麼你就須要使用jquery中各類dom操做方法去操做HTML的dom結果了。

如今咱們把一個網頁應用抽象一下，那麼HTML中的dom起始就是視圖，一個網頁就是經過don的組合與嵌套，造成了最基本的視圖結構，再經過css的修飾，在基本的視圖結構上「化妝「讓他們看起來更加美觀，最後設計到交互的部分，就須要使用javascript來接受用戶的交互請求，而且經過時間機制來響應用戶的交互操做，而且在事件處理函數中進行各類數據的修改，好比說修改某個dom中innerHTML或者innerText部分。

七、vue爲啥能讓基於網頁的前端應用程序開發起來這麼方便？

a、有聲明式

b、響應式的數據綁定

c、組件化的開發

d、virtual dom

由於vue有聲明式、響應式的數據綁定與組件化的開發而且仍是用了virtual dom這個看名字就以爲高大上的技術。

八、vue中常說的數據動態綁定是啥？

就是vue會自動響應數據的變化狀況，而且根據用戶在代碼中預先寫好的綁定關係，對全部綁定在一塊兒的數據和視圖內容都進行修改。而這種綁定關係，在圖上是以input標籤的v-model屬性來聲明的，所以你在別的地方可能也會看到有人粗略的稱vue爲聲明式渲染的模板引擎。

九、前端中爲啥要組件化開發？

a、非組件化開發代碼和工做量都很是大

b、修改起來麻煩

可是如今咱們作單頁應用，頁面交互和結構十分複雜，一個頁面上就有許許多多的模塊須要編寫，並且每每一個模塊的代碼量和工做量就很是龐大，若是還按照原先的方法來開發，那麼會累死人。並且遇到之後的產品需求變動，修改起來也很是麻煩，生怕動了其中一個div以後，其餘div跟着雪崩，整個頁面所有亂套，或者因爲JavaScript的事件冒泡機制，致使修改一些內層的DOM事件處理函數以後，出現各類莫名其妙的詭異BUG。

十、前端中如何進行組件化開發？

a、借用後端面向對象中的模塊化思想（把一個大功能拆分紅許多函數，而後分配給不一樣的人來開發）

b、把一個單頁應用中的各類模塊拆分到一個一個單獨的組件中，咱們只要先在父級應用中寫好各類組件標籤，而且在組件標籤中寫好要傳入組件的參數（就像給函數傳入參數同樣，這個參數叫作組件的屬性），而後再分別寫好各類組件的實現

在面向對象編程中，咱們可使用面向對象的思想將各類模塊打包成類或者把一個大的業務模塊拆分紅更多更小的幾個類。在面向過程當中，咱們也能夠把一些大功能拆分紅許多函數，而後分配給不一樣的人來開發

在前端應用，咱們是否也能夠像編程同樣把模塊封裝？這就引用了組件化開發的思想。

vue經過組件，把一個單頁面中的各個模塊拆分到一個一個單獨的組件中，咱們只要如今父級應用中寫好各類標籤，而且在組件標籤中寫好要傳入組件的參數（就像給函數傳參數同樣，這個參數叫作組件的屬性），而後再分別寫好各類組件的實現，而後整個應用就算作完了。

十一、到底該如何使用vue作得那頁面應用開發？

其實能夠直接看學習視頻開始幹，應該是最好的

a、介紹 - vue.js官方文檔的基礎部分硬着頭皮看一遍

個人建議是，先把介紹 - vue.js官方文檔的基礎部分硬着頭皮看一遍。除了組件這個小節涉及到了不少晦澀難懂的名詞之外，前面幾章徹底就是把Vue.js看成一個模版引擎來用。

b、ECMAScript6，Webpack，NPM以及Vue-Cli的基本用法，最好對Node.js也要有所瞭解

而後開始學習ECMAScript6，Webpack，NPM以及Vue-Cli的基本用法，最好對Node.js也要有所瞭解。