Quick 文档 0.2.3JSX
JSX 语法
npm i -D @vue/babel-plugin-jsx
1
.babelrc
{
"plugins": ["@vue/babel-plugin-jsx"]
}
1
2
3
2
3
Jsx vue
vue 组件
@vitejs/plugin-vue-jsx
import vueJsx from '@vitejs/plugin-vue';
const config = {
plugins: [vueJsx()],
};
module.exports = config;
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
vue-template-compiler
module.exports = {
alias: {
'@': path.resolve(__dirname, 'src'),
// 带完整组件编译执行
vue: 'vue/dist/vue.esm-bundler.js',
},
};
1
2
3
4
5
6
7
2
3
4
5
6
7
const compiler = require('vue-template-compiler');
const result = compiler.compile(`
<div id="test">
<div>
<p>This is my vue render test</p>
</div>
<p>my name is {{myName}}</p>
</div>`);
console.log(result);
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11