vue cli项目如何使用jsx语法

要在 Vue CLI 项目中使用 JSX 语法，需要进行以下步骤：

1. 安装依赖：

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

2. 在 `.babelrc` 文件中添加：

{
  "plugins": [
    ["transform-vue-jsx", {
      "enableObjectSlots": false
    }]
  ]
}

3. 在 Vue 组件中使用 JSX，需要在 `render` 方法中返回 JSX 语法。

例如：

import Vue from 'vue'

export default Vue.extend({
  render () {
    return (
      <div>
        <h1>Hello, world!</h1>
      </div>
    )
  }
})

注意，使用 JSX 时，需要确保文件的扩展名为 `.jsx` 或 `.tsx`。同时，在 Vue CLI 项目中，需要在 `vue.config.js` 文件中配置：

module.exports = {
  configureWebpack: {
    resolve: {
      extensions: ['.js', '.jsx', '.json', '.vue']
    }
  }
}

这样就可以在 Vue CLI 项目中使用 JSX 语法了。