对GWT还是不死心 vue-gwt

简介: 引子 gwt推出很多年了,可能很多人都忘记了,google web toolkit。当时Google推出的时候,野心勃勃,试图一通江湖,通过Java把服务器端,浏览器端都统一。(从现在看,还是nodejs吞吃后端的可能性更大了) 自己多年以前就记录过一篇,《为什么我放弃GWT》。

引子

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地址

目录
相关文章
|
2月前
|
JavaScript 前端开发 Java
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。
MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 和 Ext JS 都是 JavaScript 框架,用于开发 Web 应用程序。它们分别提供了不同的功能和特性,以帮助开发者更高效地构建和维护 Web 应用程序。
17 2
|
5月前
|
资源调度 JavaScript 前端开发
Ant Design Vue 使用-引入 ant-design-vue并且使用
Ant Design Vue 使用-引入 ant-design-vue并且使用
100 1
|
7月前
|
设计模式 移动开发 前端开发
前端组件之Bootstrap与Ant design of Vue
前端组件之Bootstrap与Ant design of Vue
131 0
|
8月前
|
前端开发 JavaScript
react开发插件-ES7 React/Redux/GraphQL/React-Native snippets(二)
react开发插件-ES7 React/Redux/GraphQL/React-Native snippets
57 0
|
8月前
|
SQL 前端开发 JavaScript
react开发插件-ES7 React/Redux/GraphQL/React-Native snippets(一)
react开发插件-ES7 React/Redux/GraphQL/React-Native snippets
137 0
|
10月前
|
Web App开发 资源调度 前端开发
Vue-devtools、React Developer Tools安装
Vue-devtools、React Developer Tools安装
|
JavaScript
【Vue 开发实战】生态篇 # 23:组件库对比:Element UI、Ant Design Vue、iView
【Vue 开发实战】生态篇 # 23:组件库对比:Element UI、Ant Design Vue、iView
215 0
【Vue 开发实战】生态篇 # 23:组件库对比:Element UI、Ant Design Vue、iView
讲一讲Vue+Ant Design表单验证
讲一讲Vue+Ant Design表单验证
490 1
|
JSON 自然语言处理 JavaScript
Ant-design-vue+vue-i18n实现前端国际化
Ant-design-vue+vue-i18n实现前端国际化
481 0
Ant-design-vue+vue-i18n实现前端国际化
|
JSON 自然语言处理 JavaScript
Ant-design-vue + vue-i18n实现前端国际化
Ant-design-vue + vue-i18n实现前端国际化
316 0