vue整理的題目

1、填空
1.目前三大主流框架：vue、react、angular
2.設計模式：主流框架模式MVC、MVP、MVVM全程爲：Model View controller 、Model View presenter、
Model View ViewModel
3.事件綁定修飾符：.stop阻止冒泡、.prevent 阻止默認事件、.capture 事件捕獲、.self 自身事件觸發、.once 一次性綁定
4.（5）動態綁定類名：v-bind對象語法的單類名切換，仔細查看下面代碼，類名class結果爲__one two four____。

5.組件分類：Vue中組件分爲三種，基礎部分有兩種：全局組件___和__局部組件_，工程化裏有一種，即.vue____單文件組件__。
6.過渡與動畫：Vue提供了 transition 的封裝組件，能夠給任何元素和組件添加過渡動畫，在進入/離開的過渡中，會有 6 個 class 切換，包含___v-enter___、v-enter-active、v-enter-to、v-leave、v-leave-active、v-leave-to。
7.掛載實例方式：經過el掛載根實例的兩種方式__DOM方式____、CSS選擇器#app__。
8.包管理工具與鏡像：npm即node.js包管理工具的全稱爲___node.js package manager___，cnpm爲___淘寶鏡像___，通常同步頻率爲___10___分鐘一次。cnpm與npm使用語法相同，區別在於__服務器不一樣____。
9.路由實現方式：工程化裏router路由跳轉能夠用兩種方式實現，包含___模塊編程式___和___模板聲明式___。
10…vue構成：單文件組件.vue中，樣式部分style中加入scoped的做用是___只在當前組件是生效___。
11…vue單文件組件導入與導出：.vue中引入其餘組件的步驟（例如引入同級的Register組件）：
單文件組件默認導入步驟：
①引入語法___import Register from ‘./Register’；
②註冊語法爲在__component____選項里加入組件名進行註冊，能夠（能夠/不能夠）在註冊時更名v-Register；
③在模板裏使用，有兩種寫法，單標籤，標籤對__。
單文件組件默認導出語法爲__export default_。
12.腳手架與SPA：vue腳手架寫法爲__vue-cli____，工程化項目時使用的模板爲webpack，該模板爲SPA應用，全稱爲___single page application___。
13.vue指令做用：v-if：條件渲染指令、v-for：列表渲染、v-bind：動態指令，v-model：表單綁定、v-show：條件渲染指令、v-on：事件綁定、v-html：翻譯代碼、v-once：單項綁定數據、v-pre：跳躍編譯指令
14.依賴：package.json爲項目配置信息文檔，其中dependencies爲___開發___依賴，devDependencies爲__生產____依賴。
15.工程指令：工程化後項目啓動webpack-server服務器指令爲___npm run dev、npm run start___，項目打包指令爲：___ npm run build 。
16.件註冊：組件Component是Vue最核心的功能，組件註冊分爲__全局____和__局部____兩種，全局____能夠在全局實例使用，局部___只能在該實例做用域下有效。
17.CSS預處理器：Less的註釋分兩種___單行___和___多行，區別爲__單行註釋是不會出如今編譯後的 CSS 文件中，若是是針對樣式說明的註釋，建議使用多行註釋。
18.深拷貝與淺拷貝：數據類型分爲基本數據類型和引用數據類型，其中基本數據類型包含___number string null boolean undefined ES10____，引用數據類型包含__array_object _ 函數____，實現多級深拷貝的方法爲__序列化_JSON.parse（JSON.stringify）、jquery的extend$extend。
19.動態組件：Vue能夠在不一樣組件之間進行動態切換，這種方法稱爲動態組件，能夠經過 Vue 的__component____元素加一個特殊的 js___屬性實現。
20.Vue核心思想：vue兩大核心思想爲__數據驅動____和___組件化。
21.npm指令：npm用於管理node相關依賴包（安裝，卸載等），安裝語法爲__npm install -g_，卸載語法爲___npm uninstall -g___。
22.Node.js本質：Node.js是一個JS運行環境(runtime environment)，不是一個js文件，實質是對___chrome的V8引擎___進行了封裝。
23.vue-router構成：vue-router本質是___創建起url和頁面之間的映射關係___，它有哪些組件___router-link、router-view___。
2、簡答
1.動態組件中做用是什麼?
組件失活緩存（例：翻到某一頁中的某一頁，再返回首頁，再回來看，還會停留在你以前看的位置）
2.以前有作過SPA類型的項目嗎？怎麼實現的？
SPA就是單頁面應用程序，主要依靠路由來實現，路由根據不一樣的值來展現不一樣的組件.
SPA就是單頁面應用程序，主要依靠路由來實現，路由根據不一樣的值來展現不一樣的組件.
3.vue中的單項數據流和雙向數據綁定是什意思？
單項數據流：數據是單向的，父組件的數據傳遞給子組件，只能單項綁定，不能夠在子組件修改父組件的數據； 雙向數據綁定：數據和頁面進行雙向綁定，相互影響
4.爲何在使用v-for的時候須要添加key屬性？
由於vue在更新渲染dom的時候是根據新舊dom數進行對比的，使用key來給每一個節點作一個惟一標識，
5.爲何vue組件中的data必須是函數？
由於若是默認爲data是對象的話，對象爲引用類型，這樣的話，全部複用的組件都是引用的同一個數據，可是若是是函數的話，每次函數都會先建立一個新的數據，從而使每一個組件的數據獨立。
6.你對vue中mvvm的模式設計有什麼感想？
mvvm設計模式採用的雙向綁定，當view發生變化，model會跟着變化，model發生變化，view也會同步，這樣的話，咱們就能夠更多的關注邏輯，從而減小dom的操做，代碼的耦合性也更好。_
7.條件渲染指令包含哪些，二者區別是什麼？
v-if v-show
實質本質方法的區別：vue-show本質就直標籤display設爲none，控制隱藏；vue-if是動態的向DOM樹向添加或者刪除DOM元素
編譯的區別：v-show就是在控制css；v-if切換有一個局部編譯/卸載的過程，切換過程當中合適地銷燬和重建內部的事件監聽和子組件。
編譯的條件：v-show都會編譯，初始值爲false，只是將display設爲none，但它也編譯了。v-if初始值設爲false就不會編譯了。
性能：v-show只能編譯一次，後面其實就是控制css，而v-if不停的銷燬和建立，故v-show性能更好一點。

————————————————
版權聲明：本文爲CSDN博主「模特」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處連接及本聲明。
原文連接：https://blog.csdn.net/woshierdanya/article/details/99418412