es7装饰器Decorator && vue\react兼容写法

装饰器这里具体用法参见:http://es6.ruanyifeng.com/#docs/decorator

Decorator 属于es7的语法糖  所以我们在项目中使用的时候要借助babel插件编译:

vue    npm install --save-dev  babel-plugin-transform-decorators  参考:https://www.npmjs.com/package/babel-plugin-transform-decorators

.babelrc

{
  "plugins": ["transform-decorators"]
}

react(create-react-app) 执行npm eject 之后(这里适用于antd按需加载情况下 报错的解决  正常按照vue的方式就好了)

首先安装:

cnpm install babel-plugin-transform-decorators-legacy  --save-dev
cnpm install  @babel/plugin-proposal-decorators --save-dev

然后在package.json中找到babel配置  在plugins中加入:

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

 

你可能感兴趣的:(javascript)