在vue中使用jsx

在vue中除了可以使用render函数，其实也可以用jsx

安装环境

npm install @vue/babel-preset-jsx @vue/babel-helper-vue-jsx-merge-props --save-dev

在babel的配置文件中添加配置

{
  "presets": ["@vue/babel-preset-jsx"]
}

使用

// vue-ant-design 的 notification组件
notification.error({
    // eslint-disable-next-line no-unused-vars
    message: h => (
        <div>
            请求错误 <span style="color: red">{status}</span> : {options.url}
        </div>
    ),
    description: statusText
});

render() {
  return <input
    type="email"
    placeholder={this.placeholderText}
  />
}