在vue中使用裝飾器

2021-10-01 10:01:49 字數 720 閱讀 9006

在使用js寫vue專案時,我們也可以使用裝飾器來實現aop,如刪除確認,可以把它提取出來。

import  from 'element-ui';

import vue from 'vue'

function confirmation(target, name, descriptor) );

};return descriptor;

}confirmation.install = function (vue, options) }})

}vue.use(confirmation)

export default confirmation

main.js引入後 ,我們就獲得了乙個全域性的裝飾器

想要使用還需要安裝vue-property-decorator,並修改babel.config.js配置

module.exports = ],

['@babel/plugin-proposal-class-properties', ],

// end vue-property-decorator 配置

]}

使用時放在methods上即可。

@confirmation

deletesystem(key, index)

但在使用vetur時,會出現語法錯誤的提示,vetur目前不支援這種寫法。

在 vue 中使用裝飾器

在 vue 中使用 ts 時,有一句常見的 import from vue property decorator vue property decorator 是 vue 中封裝裝飾器的外掛程式,其中有哪些裝飾器呢?裝飾器首字母大寫 component watch prop model emit 一...

在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...