JSX是一種結合了JS和HTML的語法，是React的核心思想之一。Vue本身不支持JSX語法，但可以通過使用vue-loader來實現編譯。Vue-loader是一個webpack的組件，可以將.vue文件中的模板、樣式和邏輯都編譯成JS文件。在使用vue-loader之前，需要先安裝webpack。

npm install webpack -g

接著，需要安裝vue-loader和vue-template-compiler：

npm install vue-loader vue-template-compiler -D

在webpack.config.js中配置vue-loader，可以在module.rules中添加如下配置：

module.exports = {
//...
module: {
rules: [
// ...
{
test: /\.vue$/,
loader: 'vue-loader'
},
{
test: /\.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/
}
]
},
// ...
}

這里配置了兩個loader：vue-loader和babel-loader。vue-loader用于解析.vue文件，babel-loader用于將JSX語法轉換成瀏覽器可以識別的語法。

接下來，可以在.vue文件中使用JSX語法了。需要在template標簽中使用render函數來渲染組件。例如：

這里使用render函數將template中的內容渲染成了一個div，其中this.message表示渲染的內容。不過，這種寫法比較繁瑣。可以使用JSX語法來簡化代碼：

這樣，就可以使用JSX語法來編寫Vue組件并在瀏覽器中運行了。