vue面試準備

2022-09-01 08:00:08 字數 1239 閱讀 8068

1. 父子元件傳值 props / this,$emit

2. 兄弟元件傳值 bus匯流排 自定義事件

3.穿透傳值 attrs / listens

4. vuex

5. localstrage

6.this.$children[0]  / this.$parents

7.路由傳值

8.作用域插槽

因為vue元件高度復用,增加key可以標識元件的唯一性,key的作用主要是為了高效的更新虛擬dom

建立階段 / 掛載階段 / 更新階段 / 銷毀階段

created與mounted的區別

created之後要指定el 和 指定template

只是初始化例項 存在js記憶體中的變數 並沒有開始渲染

mounted 真正在頁面中渲染出來了

可以做ajax資訊請求 和 繫結事件

befordestroy

解除繫結 自定義事件

銷毀子元件 以及監聽事件 定時任務要銷毀 繫結的window事件要銷毀

data改變後 dom不會立即渲染

nexttick會在dom渲染後被觸發,以獲取最新dom節點

頁面渲染會把data的修改做整合,多次data只會渲染一次

父元件往子元件傳點東西

is屬性    :is=『元件名字』

echarts圖表渲染 比較大的檔案

import() 函式  按需載入

不用import引入

在components 裡面用 import:()= 》 import(『。/』) (元件非同步載入)

快取元件 頻繁切換 不需要重複渲染

常見效能優化 (非同步元件 keep-alive元件)

適用場景  tab切換

多個元件相同邏輯,抽離出來

不是完美的 會有一些問題

可讀性太差 / **不明確

多個會有命名衝突 覆蓋(因為沒辦法融合)

元件複雜度高(多對多的關係)

composition api 指導寫法(vue3)

import:()= 》 import(『。/』) (元件非同步載入) 懶載入

路由模式(hash history(需要後端支援))

路由配置 / 動態路由 懶載入

程式設計的乙個理念 引用 修改乙個地方 其他地方都變

2012面試準備 2012 10 26面試準備

c 1 什麼純虛函式?首先,二者申明不一樣。virtual void test void 虛函式 virtual void test void 0 純虛函式 其次,如果乙個類包含了乙個純虛函式 哪怕只有乙個是純虛函式 那麼它就是乙個抽象類 就是不能生成具體的物件!但如果類中只包含虛函式,那麼是可以定...

2019前端vue面試筆試題準備

v if 控制這個dom節點的存在與否。動態的向dom樹里新增或者刪除dom元素。v show 控制元素的顯示方式,將display屬性在block和none來回切換。通過設定dom元素的display樣式控制顯隱。當乙個vue例項建立時,vue會遍歷data選項的屬性,用object.define...

vue 前期準備

瀏覽器外掛程式 vue.js devtools vs code外掛程式 自動補全標籤 auto close tag auto complete tag auto rename tag 開啟乙個伺服器瀏覽html網頁,第一次使用需要ctrl shift p輸入 live server選擇open li...