vue高階用法

2021-08-28 00:14:41 字數 292 閱讀 2989

1.mixin

1.全域性混合

2.全域性api

1.vue.extend()擴充套件例項構造器:

2.vue.nexttick()dom結構改變後執行

3.vue.directive()指令

4.vue.filter 過濾器

5.vue.component 註冊元件

3.watch 深度watch

4.vue相關框架的彙總:

5.vue 路由高階用法

1.alias(別名)2.redirect(重定向)3.路由切換鉤子

Vue高階用法 provide inject

今天寫專案的時候,需要把父元件的值傳給子和孫子,傳統的props只能父傳子,看了一下vuejs的官方文件,有個provide inject。這對選項需要一起使用,以允許乙個祖先元件向其所有子孫後代注入乙個依賴,不論元件層次有多深,並在其上下游關係成立的時間裡始終生效。如果你熟悉 react,這與 r...

Vue中watch高階用法

很多時候,我們監聽乙個屬性,不會使用到改變前後的值,只是為了執行一些方法,這時可以使用字串代替 data watch methods 總所周知,watch是在監聽屬性改變時才會觸發,有些時候,我們希望在元件建立後watch能夠立即執行一次。可能想到的的方法就是在create生命週期中呼叫一次,但這樣...

vue父子元件通訊高階用法

class parent 我是父元件 children div template import children from children.vue export default methods 引入子元件 components script 我是子元件 父元件對我說 div div div tem...