vue面試題由淺入深（一）

1、插值，表示式

vue可以使用 } 雙花括號的方式在dom結構中插入想要的值，使用vue 我們的工作更多的是去運算元據改變檢視，盡量避免直接操作dom元素。

動態地繫結乙個或多個 屬性，或乙個元件 prop 到表示式。

在繫結 class 或 style 屬性時，支援其它型別的值，如陣列或物件

在繫結 prop 時，prop 必須在子元件中宣告。可以用修飾符指定不同的繫結型別。

沒有引數時，可以繫結到乙個包含鍵值對的物件。注意此時 class 和 style 繫結不支援陣列和物件。

在繫結 class 或 style attribute 時，支援其它型別的值，如陣列或物件

"test"

>
<
/p>
export
default
}//往web頁面裡插入惡意html**，當使用者瀏覽該頁之時，嵌入其中web裡面的html**會被執行，從而達到惡意攻擊使用者的特殊目的

computed 計算屬性將被混入到 vue 例項中。所有 getter 和 setter 的 this 上下文自動地繫結為 vue 例項。computed 的結果會被快取，也就是只有當依賴的響應式 property 變化才會重新計算

watch 事件監聽，監聽乙個值得變換，當值發生改變時做出對應的函式處理，函式中有兩個引數嗎，分別接受newvalue，oldvalue

深度監聽，如果不開啟深度監聽watch只能監聽到基礎資料型別的變化，陣列和物件要開啟deep屬性

watch:

, deep:
true},
}

可以動過v-bind的方法動態繫結樣式class 和 style ，並且可以加上一些簡單的三元判斷，動態繫結class的值可以寫成物件或者陣列的形式。而style 的值要寫成物件形式

class=""
>
<
/div>
="static" v-bind:
class=""
>
<
/div>
"">
<
/div>
"styleobject"
>
<
/div>
<
/template>
data:
}<
/script>

v-if 和v-show 都可以控制元素的顯示和隱藏，區別是v-show 是通過切換元素的display:block 和 display:none 屬性顯示或者隱藏元素，元素總會被渲染。而v-if 是向dom樹種新增或者刪除dom

所以如果要頻繁切換某節點時，可以使用v-show（無論true或者false初始都會進行渲染，此後通過css來控制顯示隱藏，因此切換開銷比較小，初始開銷較大），如果不需要頻繁切換某節點時，使用v-if（因為懶載入，初始為false時，不會渲染，但是因為它是通過新增和刪除dom元素來控制顯示和隱藏的，因此初始渲染開銷較小，切換開銷比較大）

父元件向子元件傳值時，可以通過給子元件繫結自定義屬性，然後子元件中props屬性用於接受傳遞過來的值，兩者要相互對應

子元件向父元件傳值時，可以通過this.emi

t()的

方法繫結

自定義事

件，th

is

.emit()的方法繫結自定義事件，this.

emit()

的方法綁

定自定義

事件，t

his.

emit()有兩個引數，第乙個引數是自定義的事件名，第二個是需要傳遞的值，父元件繫結子元件的自定義事件，獲取傳遞過來的值

可以在main.js 初始檔案中給vue的prototype上掛載乙個新的 vue例項bus（公共的），需要傳值的元件中通過this.bus.emi

t()的

方法繫結

自定義事

件，接受

值得元件

通過th

is

.emit()的方法繫結自定義事件，接受值得元件通過this.

emit()

的方法綁

定自定義

事件，接

受值得組

件通過t

his.

on()獲取傳遞過來的值

beforecreate() 在頁面初始化之前呼叫

created（）頁面初始化之後呼叫

beforemount（） 在頁面掛載之前呼叫

mounted（ ） 頁面掛載之後呼叫

beforeupdate（ ）頁面更改時呼叫

updated （） 頁面更改之後呼叫

beforedestroy（） 頁面銷毀時呼叫

destroyed （） 頁面銷毀之後呼叫

vue面試題 vue原理

1.元件化和mvvm 2.響應式原理 3.vdom 和 diff 演算法 4.模板編譯 5.元件渲染過程 6.前端路由 元件化基礎 1.很久以前 的元件化 asp jsp php 已經有元件化 nodejs 中已有類似元件化 2.資料驅動檢視 vue mvvm 3.資料驅動檢視 react sets...

vue面試題目

1，vue元件通訊 1 父子元件之間的通訊 父 子 子元件中props引數，父元件中引入子元件，在子元件上面繫結所需的值 eg 子元件中 父元件中 子 父 emit v on方法，子元件中，繫結方法a,通過 emit觸發父元件中的方法，順便傳參到父元件 eg 子元件中 showsearchmodal...

Vue之面試題

1 說下vue資料雙向繫結的原理 2 說說vuex的作用以及應用場景 3 說說vue元件的資料通訊方式 4 vue的原始碼有看過嗎？說說vuex工作原理 5 為什麼說虛擬 dom會提高效能，解釋一下它的工作原理 6 請你詳細介紹一些 package.json 裡面的配置 7 為什麼說vue是一套漸進...