初中級VUE面試題

是vue的內建元件，能夠快取元件，防止重複渲染頁面，提高使用者體驗，同時可以很大程度上減少介面請求，減小伺服器壓力。

比如： 有乙個列表頁面和乙個 詳情頁面，那麼使用者就會經常執行開啟詳情=> 返回列表=>開啟詳情這樣的話 列表 和 詳情 都是乙個頻率很高的頁面，那麼 就可以對列表元件使用進行快取，這樣使用者每次 返回列表的時候，都能從快取中快速渲染，而不是重新渲染。

1.用法

1

//被keepalive包含的元件會被快取23
4

include 包含的元件會被快取

exclude 排除不快取的元件

因為元件是需要復用，所有的元件例項都會復用data，如果data是乙個物件，會影響到其他的元件，所以data要寫成函式（元件之間不會互相影響）

prop 和emit

1.父向子 父元件把資料通過v-bind傳遞給子元件

123

//資料通過v-bind傳遞給子元件45
6782526

123

9101112

123

456729
30

4.在父元件使用 ref 可以直接拿到子元件裡面的方法

兄弟元件通訊

1.在main.js 全域性繫結evenbus

1 import vue from 'vue';

2 vue.prototype.$bus = new vue

1

新增2 export default7}
8}9//
另一組件
10 export default)15
}16 }

vuex 適用於 父子、隔代、兄弟元件通訊 vuex 是乙個專為 vue.js 應用程式開發的狀態管理模式。

每乙個 vuex 應用的核心就是 store（倉庫）。「store」 基本上就是乙個容器，它包含著你的應用中大部分的狀態 ( state )。

vuex 的狀態儲存是響應式的。當 vue 元件從 store 中讀取狀態的時候，若 store 中的狀態發生變化，那麼相應的元件也會相應地得到高效更新。

改變 store 中的狀態的唯一途徑就是顯式地提交 (commit) mutation。這樣使得我們可以方便地跟蹤每乙個狀態的變化。

如下圖

當修改資料後，dom並沒有更新，使用nexttick可以獲取更新後的dom

v-for中加key可以減少渲染次數，提公升渲染效能。

例如做電商專案購物車功能的時候，資料存放在vuex裡，如果重新整理頁面，store的state存放的資料就會全部清空。購物車裡面的商品就全都重置，這個時候就要做資料持久化。

使用 vuex-persist 外掛程式，它就是為 vuex 持久化儲存而生的乙個外掛程式。不需要你手動訪問 storage ，而是直接將狀態儲存至 cookie 或者 localstorage 中

vue 是不能檢測物件屬性的新增或刪除

1

data() 6};
7},8mounted() ,

初中級前端面試題整理

前言 從前端學習到找乙份合適的工作，大大小小的面試必不可少，所以我對初級前端面試題進行了初步整理，也方便自己查閱，也希望對小夥伴們有所幫助！html html語義化 html語義化就是讓頁面內容結構化，它有如下優點 1 易於使用者閱讀，樣式丟失的時候能讓頁面呈現清晰的結構。2 有利於seo，搜尋引擎...

會計職稱培訓（初 中級

深圳贛冠培訓會計職稱培訓 初 中級 會計專業技術資格 又稱會計職稱，為全國統一考試專案。分為初 中兩個級別。具備會計專業資格，既是廣大財會人員的期盼也是財會人員自我提公升的基本前提，參加系統的考前培訓，通過資深專家的輔導，我們將幫助你順利通過會計專業技術資格考試。考試時間 一般在每年5月的第三個週末...

linux面試中級面試題

一 linux系統和 shell 1.寫乙個 sed命令，修改 tmp input.txt 檔案的內容，要求 1 刪除所有空行 2 一行中，如果包含 11111 則在 11111 前面插入 aaa 在 11111 後面插入 bbb 比如 將內容為 0000111112222 的一行改為 0000aa...