Vugu  - Go 语言实现的现代 UI 库

小码哥 2019-08-17 14:45:15

Vugu 是使用 Go+WebAssembly 实现的现代 UI 库(试验阶段)。

功能亮点

  • 通过使用 WebAssembly 以实现在浏览器中运行
  • 提供单文件组件
  • 类似 Vue 的标记语法
  • 符合 Go 语言习惯的代码
  • 快速进行原型设计
  • 大约 3 分钟的设置过程
  • 采用标准的 Go 构建工具

示例代码

<div class="my-first-vugu-comp">
    <button @click="data.Toggle()">Test</button>
    <div vg-if="data.Show">I am here!</div>
</div>

<style>
.my-first-vugu-comp { background: #eee; }
</style>

<script type="application/x-go">
type RootData struct { Show bool }
func (data *RootData) Toggle() { data.Show = !data.Show }
</script>

上面的代码创建了一个名为 root.vugu 的组件。

    公告

    《从零开始开发BBS》课程上线啦,快来跟着我一步步搭建属于你的BBS吧。

    课程地址:https://www.shiyanlou.com/courses/1436
    9折优惠邀请码: ZHwfIjb1

    该课程会带领大家一步步的了解并熟悉Go语言开发,如果你是一个Go语言初学者,或者正准备学习Go语言,那么这个课程非常适合你。如果你熟练掌握了本课程中的知识点,相信你就已经入门Go语言开发,并能胜任日常的开发工作了。