美文网首页
es6 如何使用装饰器

es6 如何使用装饰器

作者: 黎明的叶子 | 来源:发表于2021-08-18 11:46 被阅读0次

1.安装

npm i babel-plugin-transform-decorators-legacy --save-dev 

2.配置babel.config.js

[
      "@babel/plugin-proposal-decorators",
      {
        "legacy": true
      }
    ],
    ["@babel/plugin-proposal-class-properties", { "loose": true }]

// 完整如下
module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
    ["@babel/preset-env", { "modules": false }]
  ],
  plugins: [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ],
    [
      "@babel/plugin-proposal-decorators",
      {
        "legacy": true
      }
    ],
    ["@babel/plugin-proposal-class-properties", { "loose": true }]
  ]
}

相关文章

网友评论

      本文标题:es6 如何使用装饰器

      本文链接:https://www.haomeiwen.com/subject/ejtnbltx.html