vue2怎么使用jsx

在Vue2中使用JSX需要使用到Babel插件和Vue的JSX插件。以下是使用步骤：

1. 安装babel插件

npm install babel-plugin-transform-vue-jsx babel-helper-vue-jsx-merge-props --save-dev

2. 配置.babelrc文件

在.babelrc文件中添加如下配置：

{
  "plugins": [
    ["transform-vue-jsx", {
      "pragma": "createElement" // 默认为 h
    }]
  ]
}

3. 安装Vue的JSX插件

npm install vue-template-compiler --save-dev

4. 在Vue组件中使用JSX

<template>
  <div>
    {message}
  </div>
</template>

<script>
export default {
  data() {
    return {
      message: 'Hello World'
    }
  },
  render() {
    return (
      <div>
        {this.message}
      </div>
    )
  }
}
</script>

需要注意的是，在Vue2中使用JSX的语法，需要将render函数中的返回值使用括号包裹起来。同时，也需要使用`createElement`函数来创建DOM节点。