對GWT還是不死心vue-gwt

ap7558m9n發表於2018-03-26
Vue

引子

gwt推出很多年了，可能很多人都忘記了，google web toolkit。當時Google推出的時候，野心勃勃，試圖一通江湖，通過Java把伺服器端，瀏覽器端都統一。（從現在看，還是nodejs吞吃後端的可能性更大了）

自己多年以前就記錄過一篇，《為什麼我放棄GWT》。實際上之後也一直持續的關注GWT的發展。新版本引入JsInterop技術，有點讓GWT更加開放了。今天要介紹的vue-gwt就是一個重度通過JsInterop讓gwt和vue.js元件化開發框架融合的專案。

優勢

  1. Java 強型別
  2. vue.js 元件化，雖然說能夠跟Gwt元件一起使用，但還是不推薦了，因為gwt自己的元件庫好像有點落伍了
  3. 比起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地址


相關文章