前端面試題（2）

1.如何對一個響應式對象添加或者刪除一個響應式屬性

1)this.$set()

2)this.$delete()

2.談談你對vue.loader的理解

1)定義 Vue Loader 是一個 webpack 的 loader，它容許你以一種名爲單文件組件 (SFCs)的格式撰寫 Vue 組件

2)特色

a.容許爲 Vue 組件的每一個部分使用其它的 webpack loader，例如在 <style> 的部分使用 Sass 和在 <template> 的部分使用 Pug

b.容許在一個 .vue 文件中使用自定義塊，並對其運用自定義的 loader 鏈

c.使用 webpack loader 將 <style> 和 <template> 中引用的資源看成模塊依賴來處理

d.爲每一個組件模擬出 scoped CSS

e.在開發過程當中使用熱重載來保持狀態

3.組件的data爲何是一個函數不是一個對象

當一個組件被定義， data 必須聲明爲返回一個初始數據對象的函數，由於組件可能被用來建立多個實例。
若是 data 仍然是一個純粹的對象，則全部的實例將共享引用同一個數據對象！經過提供 data 函數，每次建立一個新實例後，
咱們可以調用 data 函數，從而返回初始數據的一個全新副本數據對象。類比與引用數據類型。
若是不用function return 每一個組件的data都是內存的同一個地址，那一個數據改變其餘也改變了，這固然就不是咱們想要的。
用function return 其實就至關於申明瞭新的變量，相互獨立，天然就不會有這樣的問題

4.單頁面開發和多頁面開發的優缺點

單頁面

1)定義:SPA，只有一個主頁面，瀏覽器一開始就加載全部的html、css、js。在交互時用路由動態載入，頁面切換隻刷新局部內容，不進行跳轉。

2)優勢:用戶體驗好，先後端分離，頁面效果比較炫酷（好比切換頁面內容時的專場動畫）

3)缺點:不利於SEO，導航不可用，若是必定要使用導航須要本身實現前進、後退，初次加載耗時多,頁面複雜度提升

多頁面

1)定義:MPA，一個應用中有多個頁面，頁面跳轉時是整頁刷新。

2)優勢:多個頁面之間跳轉，用戶能夠清晰的瞭解整個網站的內容構成；頁面結構的分佈也不會很擁擠；實現簡單，開發成本低；適用於對搜索引擎支持較高，頁面跳轉較少，數據傳遞較少的項目中開發

3)缺點:頁面跳轉時，要從新執行css，js等文件，頁面片斷之間跳轉較慢，須要用到頁面跨頁面傳值的幾種方法；實現轉場動畫比較困難。維護成本高

5.vue使用插件的流程

1)引入vue

2)引入插件

3)使用vue.use插件