Vue的基礎理解 六

2021-10-03 09:28:16 字數 600 閱讀 4881

vue中 v-html有什麼作用?會導致什麼問題?

keep-alive在vue中的作用是什麼?

如何新增自定義指令?

除了預設設定的核心指令( v-model 和 v-show ),vue 也允許註冊自定義指令。

//自定義全域性指令 v-focus

vue.

directive

('focus',}

)

new

vue(

,// 建立指令(可以多個)

directives:}}

})

如何自定義過濾器?

為了方便使用,vue.js 允許使用者通過簡單的方式來自定義過濾器,即,利用管道 「 | 」 來完成過濾。

vue.

filter

('reverse'

,function

(value)

)

new

vue(

,// 建立指令(可以多個)

filters:}}

)

}

Vue和mobx的基礎理解

vue mobx action 標記此動作會被observable,而觸發reaction 或autorun runinaction 非同步action,標記action中的非同步操作 extendobservable observable usestrict true 只能用action改變val...

Vue元件的理解

template模板和dom同時寫,template模板會覆蓋當前這個dom節點,要有根節點包裹 元件化的優點 1.可以復用,2.降低 的耦合性。src檔案會整個打包成乙個js檔案 模板 編譯 ast 資料 render函式 虛擬dom 真實html 直接寫render函式會減少編譯過程,提高效率,...

Vue入門(六) Vue的生命週期

vue的生命週期有什麼用呢?vue的生命週期是為了讓我們可以在元件從建立到銷毀之間新增一些功能,以便更好地控制項,在乙個元件整個的建立銷毀之間劃分的不同階段,每個都有與這個階段相對應的鉤子函式,通過在鉤子函式內寫入方法,實現對不同階段元件的控制。生命週期階段一 beforecreate,表示在例項被...