每天來點前端面試題1 vue

2021-10-02 18:37:09 字數 352 閱讀 2508

v-show和v-if的共同點: 都能控制元素的顯示與隱藏.

v-show和v-if的不同點: 實現本質方法不同, v-show本質控制css中的display為none來控制隱藏, 只會編譯一次; v-if是動態的向dom樹內新增或刪除dom元素, 若初始值為false, 就不會編譯了. 而且v-if不停的銷毀和建立比較消耗效能.

總結: 如果頻繁切換某個節點, 使用v-show(切換開銷比較小, 初始開銷比較大), 如果不需要頻繁切換某節點, 使用v-if(切換開銷比較大, 初始開銷比較小).

在元件的style前面加上scoped

父元件向子元件傳遞資料: props屬性, 子元件向父元件傳遞資料: 自定義事件$emit

Vue 前端面試題

1.說一下 vue 的雙向繫結資料的原理 vue 實現資料雙向繫結主要是 採用資料劫持結合 發布者 訂閱者 模式的方式,通過object.defineproperty 來劫持各個屬性的setter getter,在資料變動時發布訊息給訂閱者,觸發相應監聽 2.解釋單向資料流和雙向資料繫結 單向資料流...

前端面試題 1

js的資料型別 包含兩種資料型別 基本資料型別 boolean,null,undefined,number,string,symbol 和引用資料型別 object 這要是面試的時候問你我覺得答上來沒問題,不過要是深入的去問你你就可能突然懵了。基本資料型別 儲存在棧中的簡單資料段 按值訪問,操作的就...

前端面試題(Vue篇)

一 vue元件的scoped的作用 在style中加scoped屬性,表示它的樣式作用於當下模組,很好的實現樣式私有化的目的 但是在很多時候我們都要對公共樣式進行調整 但是寫在scoped屬性下無作用 解決方法 1 混合型使用 2 深度作用選擇器 如果想在scoped中影響到子元件的樣式可以使用 二...