vue面試題 四

2021-10-10 02:27:54 字數 1137 閱讀 6664

元件中的data寫成乙個函式,資料以函式返回值形式定義,這樣每復用一次元件,就會返回乙份新的data,類似於給每個元件例項建立乙個私有的資料空間,讓各個元件例項維護各自的資料。而單純的寫成物件形式,就使得所有元件例項共用了乙份data,就會造成乙個變了全都會變的結果。

會觸發下面這幾個beforecreate, created, beforemount, mounted

資料驅動、元件系統

在v-for時使用,標識元件的唯一性,更好的區分元件,高效的更新虛擬dom

v-show 和v-if都是true的時候顯示,false的時候隱藏 但是:false的情況下,v-show是採用的display:none;,v-if採用惰性載入。如果需要頻繁切換顯示隱藏需要使用v-show

stop:阻止冒泡;prevent:阻止預設事件;once:只執行一次;capture:將事件流設為捕獲方式;self:直對自身觸發事件;enter:回車鍵;up:上;down:下;left:左;right:右;

作用: 對資料進行一些加工處理,比如 數字保留幾位小數

// 全域性註冊

// console.log(vue.filter);

// 定義:vue.filter(『過濾器名』,過濾器函式)

// 過濾器函式一定要有返回值

/*vue.filter(『過濾器名』,functon(變數值,傳入的引數))

*/// 區域性註冊:

/*

new vue(}})

*/

// 使用:}

el 掛載的節點

data 資料

methods 事件方法

computed 計算屬性

watch ***

components 區域性元件

filters 過濾器

directives 自定義指令

生命週期鉤子函式

arr.splice()

vue.set()

vm.$set()

元件中的data寫成乙個函式,資料以函式返回值形式定義,這樣每復用一次元件,就會返回乙份新的data,類似於給每個元件例項建立乙個私有的資料空間,讓各個元件例項維護各自的資料。而單純的寫成物件形式,就使得所有元件例項共用了乙份data,就會造成乙個變了全都會變的結果。

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是一套漸進...