引子
gwt推出很多年了,可能很多人都忘记了,google web toolkit。当时Google推出的时候,野心勃勃,试图一通江湖,通过Java把服务器端,浏览器端都统一。(从现在看,还是nodejs吞吃后端的可能性更大了)
自己多年以前就记录过一篇,《为什么我放弃GWT》。实际上之后也一直持续的关注GWT的发展。新版本引入JsInterop
技术,有点让GWT更加开放了。今天要介绍的vue-gwt
就是一个重度通过JsInterop让gwt和vue.js组件化开发框架融合的项目。
优势
- Java 强类型
- vue.js 组件化,虽然说能够跟Gwt组件一起使用,但还是不推荐了,因为gwt自己的组件库好像有点落伍了
- 比起gwt-react的封装优雅许多
ShowTime
真正的组件
#SimpleLinkComponent.java
@Component
public class SimpleLinkComponent extends VueComponent {
@JsProperty String linkName = "Hello Vue GWT!";
}
#SimpleLinkComponent.html
<a href="https://github.com/Axellience/vue-gwt">
{{ linkName }}
</a>
生命周期回调
#SimpleLinkComponent.java
@Component
public class SimpleLinkComponent extends VueComponent implements HasCreated {
@JsProperty String linkName = "Hello Vue GWT!";
@Override
public void created() {
console.log("SimpleLinkComponent created!")
}
}
结尾
Java我所欲,vue.js亦我所欲,二者的兼,vue-gwt!
这也不是什么介绍,纯粹属于个人看到了,高兴,就记录下,以后再慢慢累教程吧。
项目github地址