// babel.config.js
module.exports = {
presets: ["@vue/babel-preset-app"],//没有的话jsx语法不行
};
// *.vue
<script>
export default {
name: "jsx",
data() {
return {
count: 2,
};
},
methods: {
getCount() {
console.log(this.count);// 2
},
},
render() {
const { count } = this;
return (
<div>
<div class="hello">
<h1>{count} --- use jsx</h1>
</div>
</div>
);
},
};
</script>