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

目录
相关文章
|
13天前
|
JavaScript 前端开发 开发者
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
前端框架(Vue.js&&vue-cli项目框架&&element-ui使用)
|
17天前
|
JavaScript
vue2_引入Ant design vue
vue2_引入Ant design vue
18 0
|
3月前
|
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 应用程序。
20 2
|
6月前
|
资源调度 JavaScript 前端开发
Ant Design Vue 使用-引入 ant-design-vue并且使用
Ant Design Vue 使用-引入 ant-design-vue并且使用
109 1
|
8月前
|
设计模式 移动开发 前端开发
前端组件之Bootstrap与Ant design of Vue
前端组件之Bootstrap与Ant design of Vue
142 0
|
11月前
|
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
219 0
【Vue 开发实战】生态篇 # 23:组件库对比:Element UI、Ant Design Vue、iView
|
资源调度 JavaScript
vue-cli 3 中添加Ant Design组件
vue-cli 3 中添加Ant Design组件
vue-cli 3 中添加Ant Design组件
|
编解码 JavaScript 数据可视化
2021年最佳VUE3 UI框架推荐
Vue3已经发布一段时间了,版本趋于稳定并且可以用于生产。虽然很多开发人员对这个版本褒奖不一,新版本由于算是重新构建生态系统,相关资源的缺乏。与Vue2丰富的UI框架相比,Vue3就显得有点少,也算是影响开发人员使用Vue3的原因之一。
1334 0
2021年最佳VUE3 UI框架推荐
讲一讲Vue+Ant Design表单验证
讲一讲Vue+Ant Design表单验证
496 1