答:css
-
輕量級框架:只關注視圖層,是一個構建數據的視圖集合,大小隻有幾十
kb
;html -
簡單易學:國人開發,中文文檔,不存在語言障礙 ,易於理解和學習;前端
-
雙向數據綁定:保留了
angular
的特色,在數據操做方面更爲簡單;vue -
組件化:保留了
react
的優勢,實現了html
的封裝和重用,在構建單頁面應用方面有着獨特的優點;react -
視圖,數據,結構分離:使數據的更改更爲簡單,不須要進行邏輯代碼的修改,只須要操做數據就能完成相關操做;ios
-
虛擬DOM:
dom
操做是很是耗費性能的, 再也不使用原生的dom
操做節點,極大解放dom
操做,但具體操做的仍是dom
不過是換了另外一種方式;es6 -
運行速度更快:相比較於
react
而言,一樣是操做虛擬dom
,就性能而言,vue
存在很大的優點。算法
2.vue父組件向子組件傳遞數據?
答:經過 props
npm
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 交流學習,裏面有不少大佬,還有前端新技術資料分享!本文的文字及圖片來源於網絡加上本身的想法,僅供學習、交流使用,不具備任何商業用途,版權歸原做者全部,若有問題請及時聯繫咱們以做處理