1.vue優點?
答:
-
輕量級框架:只關注視圖層,是一個構建資料的視圖集合,大小只有幾十
kb; -
簡單易學:國人開發,中文檔案,不存在語言障礙 ,易于理解和學習;
-
雙向資料系結:保留了
angular的特點,在資料操作方面更為簡單; -
組件化:保留了
react的優點,實作了html的封裝和重用,在構建單頁面應用方面有著獨特的優勢; -
視圖,資料,結構分離:使資料的更改更為簡單,不需要進行邏輯代碼的修改,只需要操作資料就能完成相關操作;
-
虛擬DOM:
dom操作是非常耗費性能的, 不再使用原生的dom操作節點,極大解放dom操作,但具體操作的還是dom不過是換了另一種方式; -
運行速度更快:相比較于
react而言,同樣是操作虛擬dom,就性能而言,vue存在很大的優勢,
2.vue父組件向子組件傳遞資料?
答:通過 props
3.子組件像父組件傳遞事件?
答:$emit 方法
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 交流學習,里面有很多大佬,還有前端新技術資料分享!
本文的文字及圖片來源于網路加上自己的想法,僅供學習、交流使用,不具有任何商業用途,著作權歸原作者所有,如有問題請及時聯系我們以作處理
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/63845.html
標籤:JavaScript
