前记：
因为对vue的template写法实在无爱：将变量用‘’包裹在我看来简直反人类，而对react的jsx写法写起来倒是十分得心应手。于是,如何才能在项目已经使用vue作为框架的前提下，愉快的使用jsx进行coding呢？
方案：
这里要说的，不是vue官网推荐的babel插件（babel-plugin-transform-vue-jsx），也不是vue.extend这种写法。而是使用vue-class-component和vue-property-decorator这一官方插件（使用此插件后续可继续引入TypeScipt）。
具体代码如下：
同时使用这种方式，vue的生命周期钩子函数，如：created,mounted, destroyed 同样可以使用.
参考：https://www.npmjs.com/package/vue-property-decorator
前记： 因为对vue的template写法实在无爱：将变量用‘’包裹在我看来简直反人类，而对react的jsx写法...
官方jsx使用文档[https://github.com/vuejs/jsx#installation] Vue ...
vue中自定义指令使用jsx语法实现
vue3 支持 jsx 安装依赖 vite.config.ts 中引用插件 使用 jsx CSS Module 任...
文件参考：babel-plugin-transform-vue-jsx 代码如下：
在 idea ide vue 文件中对 jsx 格式支持
模板的区别 vue使用模板是初是由angular提出 react 使用jsx(jsx已经是标准) 模板语法上，我更...
react使用的是JSX语法，和vue、小程序语法类似 class属性在react中要写成className 创建...
在vue中除了可以使用render函数，其实也可以用jsx 安装环境 在babel的配置文件中添加配置 使用
[toc] 通过本文, 你可以学到一些vue中jsx的语法。 vue更加推荐使用模板开发组件，但是在一些基础组件开...
本文标题：vue jsx | 代码－－愉快的在vue中使用jsx
本文链接：https://www.haomeiwen.com/subject/tpcgqqtx.html
网友评论