前记:
因为对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