這15道Vue常見面試題,你會幾道??

1.vue優勢?

答:css

  • 輕量級框架:只關注視圖層,是一個構建數據的視圖集合,大小隻有幾十 kb ;html

  • 簡單易學:國人開發,中文文檔,不存在語言障礙 ,易於理解和學習;前端

  • 雙向數據綁定:保留了 angular 的特色,在數據操做方面更爲簡單;vue

  • 組件化:保留了 react 的優勢,實現了 html 的封裝和重用,在構建單頁面應用方面有着獨特的優點;react

  • 視圖,數據,結構分離:使數據的更改更爲簡單,不須要進行邏輯代碼的修改,只須要操做數據就能完成相關操做;ios

  • 虛擬DOM:dom 操做是很是耗費性能的, 再也不使用原生的 dom 操做節點,極大解放 dom 操做,但具體操做的仍是 dom 不過是換了另外一種方式;es6

  • 運行速度更快:相比較於 react 而言,一樣是操做虛擬 dom ,就性能而言, vue 存在很大的優點。算法

2.vue父組件向子組件傳遞數據?

答:經過 propsnpm

3.子組件像父組件傳遞事件?

答:$emit 方法axios

4.v-show 和 v-if指令的共同點和不一樣點?

答:

共同點: 都能控制元素的顯示和隱藏;

不一樣點: 實現本質方法不一樣,v-show 本質就是經過控制 css 中的 display 設置爲 none,控制隱藏,只會編譯一次;v-if 是動態的向 DOM 樹內添加或者刪除 DOM 元素,若初始值爲 false ,就不會編譯了。並且 v-if 不停的銷燬和建立比較消耗性能。總結:若是要頻繁切換某節點,使用 v-show (切換開銷比較小,初始開銷較大)。若是不須要頻繁切換某節點使用 v-if(初始渲染開銷較小,切換開銷比較大)。

若是你以上的都會了, 說明你 60分及格了,另外如今vue3.0出來了,找工做通常都會問到,若是你還沒學好。能夠去小編前端扣扣裙 519293536 交流學習,裏面有不少大佬,還有前端新技術資料分享!

5. 如何讓CSS只在當前組件中起做用?

答:在組件中的 style 前面加上 scoped

6. 的做用是什麼?

答: keep-alive 是 Vue 內置的一個組件,能夠使被包含的組件保留狀態,或避免從新渲染。

7.如何獲取dom?

答:ref="domName" 用法:this.$refs.domName

8.說出幾種vue當中的指令和它的用法?

答:v-model 雙向數據綁定;

v-for 循環;

v-if v-show 顯示與隱藏;

v-on 事件;v-once : 只綁定一次。

9. vue-loader是什麼?使用它的用途有哪些?

答:vue 文件的一個加載器,將 template/js/style 轉換成 js 模塊。

用途:js 能夠寫 es6 、 style樣式能夠 scss 或 less 、 template 能夠加 jade

10.爲何使用key?

答:須要使用 key 來給每一個節點作一個惟一標識, Diff 算法就能夠正確的識別此節點。做用主要是爲了高效的更新虛擬 DOM。

11.axios及安裝?

答:請求後臺資源的模塊。npm install axios —save 裝好, js中使用 import 進來,而後 .get 或 .post 。返回在 .then 函數中若是成功,失敗則是在 .catch 函數中。

12.v-modal的使用

答:v-model 用於表單數據的雙向綁定,其實它就是一個語法糖,這個背後就作了兩個操做:v-bind 綁定一個 value 屬性;v-on 指令給當前元素綁定 input 事件。

13.請說出vue.cli項目中src目錄每一個文件夾和文件的用法?

答:assets 文件夾是放靜態資源;components 是放組件;router 是定義路由相關的配置; app.vue 是一個應用主組件;main.js 是入口文件。

14.分別簡述computed和watch的使用場景

答:

  • computed : 當一個屬性受多個屬性影響的時候就須要用到 computed ,最典型的栗子:購物車商品結算的時候

  • watch : 當一條數據影響多條數據的時候就須要用 watch ,栗子:搜索數據

15.v-on能夠監聽多個方法嗎?

答:能夠,栗子:<input type="text" v-on="{ input:onInput,focus:onFocus,blur:onBlur, }">
最後

總結:若是你以上的都會了, 說明你 60分及格了,另外如今vue3.0出來了,找工做通常都會問到,若是你還沒學好。能夠去小編前端扣扣裙 519293536 交流學習,裏面有不少大佬,還有前端新技術資料分享!本文的文字及圖片來源於網絡加上本身的想法,僅供學習、交流使用,不具備任何商業用途,版權歸原做者全部,若有問題請及時聯繫咱們以做處理

相關文章
相關標籤/搜索