vue jsx | 代码－－愉快的在vue中使用jsx

前记：

        因为对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