在 vue 中使用裝飾器

2021-10-09 15:42:03 字數 777 閱讀 2004

在 vue 中使用 ts 時，有一句常見的**

import  from 'vue-property-decorator'
vue-property-decorator 是 vue 中封裝裝飾器的外掛程式，其中有哪些裝飾器呢？裝飾器首字母大寫

@component


@watch


@prop


@model


@emit
（一）vue 的元件中使用 ts 以及 watch 裝飾器的使用

} -- }


繫結事件


}
（二）prop 裝飾器、emit 裝飾器

父元件：



// js


class index extends vue 


protected userinfo:  = 


// methods 中的方法


changeage (value:number) 


noparams () 


}export default index
子元件：

}}}


傳引數不傳引數
（三）model 裝飾器：

子元件 修改 父元件 v-model 的值



}
子元件：

在vue中使用裝飾器

在使用js寫vue專案時，我們也可以使用裝飾器來實現aop，如刪除確認，可以把它提取出來。import from element ui import vue from vue function confirmation target,name,descriptor return descriptor...

在React專案中使用裝飾器

安裝模組 寫配置在根目錄下建立檔案config overrides.js在config overrides.js中編寫一下 參考配置連線 const require customize cra module.exports override adddecoratorslegacy 配置裝飾器模式 修...

rn中使用裝飾器

裝飾器函式 裝飾器中執行的順序為從內到外，先執行檢視元件的建構函式 在從內到外執行裝飾器中的建構函式。如果 asd 是乙個方法，那麼需要閉包多巢狀一層函式 function asd params add function ccc wrap delete export 建立檢視 import reac...