Creating your first VueJS client

Being open source, VueJS is one of the incrementally adoptable and progressive JavaScript frameworks that companies are adopting to build their frontend or client-facing user interfaces for the web.

In this recipe, we will learn to create a client in VueJS, which adds an employee sending an HTTP POST request to the HTTP server running locally.

Getting ready…

As we have already created an HTTP server that accepts both GET and POST requests in one of our previous recipes, we will be using the same code base as our HTTP server.

Note

See the Creating your first HTTP POST method recipe.

How to do it…

1. Create a vuejs-client directory where we will keep all our VueJS source files and an HTTP server, as follows:

$ mkdir vuejs-client && cd vuejs-client && touch server.go

2. Copy the following code to server.go:

package main
import 
(
  "encoding/json"
  "log"
  "net/http"
  "github.com/gorilla/mux"
)
const 
(
  CONN_HOST = "localhost"
  CONN_PORT = "8080"
)
type...