元件中的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是一套漸進...