Vugu files have three sections: Markup, Style and Code Markup is the HTML element which is the display portion of your file. More often than not it is a simple div tag, such as:...

Vugu is Go library which makes it easy to write web user interfaces in Go. The basic idea is as follows: You write UI components in .vugu files . These files are similar to UI ...

Let's make a basic working Vugu application that runs in your browser. It only takes three small files to start. Make sure you have at least Go 1.12 installed. Create a new ...

WebAssembly main() Root Component JSEnv Render Loop Important Note The Dual-Build Approach Vugu takes a number of steps to make the development process easy to rapidly get s...

Adding a Server Making dist.go The development setup described in Getting Started is a great way to get going with Vugu. But when you're ready to move your application to a sta...

Note Components are individual files which are used to organize your user interface code. Each component lives in a .vugu file. Each .vugu file is processed to produce a .go fil...

Tip Conditionals with vg-if Loops with vg-for Raw HTML with vg-html Dynamic Attributes with : DOM Events with @ Special Variable Names The Markup section is an element whic...

Important Using the browser's Document Object Model (DOM) , events can be attached to HTML elements by providing an attribute of the event name prefixed with @ . For example <di...

Tip: Script Tag Alternative Go code can be included in your component with in a <script type="application/x-go"> tag. This code is copied from your .vugu file into the resulting...

Style blocks are simply a way to express CSS that corresponds to your component and is output along with your component markup. Example: <div class = "some-component-here" > ...