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...