https://github.com/antonioloureiro/vuejs.jl

Julia web app builder using Vue.js
https://github.com/antonioloureiro/vuejs.jl

julia julia-language vue vuejs webapp

Last synced: 26 days ago
JSON representation

Julia web app builder using Vue.js

• Host: GitHub
• URL: https://github.com/antonioloureiro/vuejs.jl
• Owner: AntonioLoureiro
• License: other
• Created: 2020-01-12T16:39:55.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2024-04-08T22:07:33.000Z (7 months ago)
• Last Synced: 2024-04-08T23:28:09.456Z (7 months ago)
• Topics: julia, julia-language, vue, vuejs, webapp
• Language: Julia
• Homepage:
• Size: 1.2 MB
• Stars: 12
• Watchers: 4
• Forks: 3
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# VueJS

## Documentation: [![](https://img.shields.io/badge/docs-stable-blue.svg)](https://antonioloureiro.github.io/VueJS.jl/)

## Introduction

VueJS.jl is a Julia package that facilitates the creation of reactive, interactive web applications by leveraging the Vue.js (v3) framework directly from Julia. It allows you to combine the flexibility and simplicity of Vue.js with the computational power of Julia, making it an excellent tool for building dynamic web applications with ease.

It uses [Vuetify](https://vuetifyjs.com/en/) (v3) as main Vue Framework, but also leverages on Echarts through Julia Namtso package and others.

The main philosofy is to pass through to the frameworks all of the introduced arguments with several automations and special cases.

## Installation

The package can be installed with Julia's package manager,

either by using the Pkg REPL mode (press `]` to enter):

```

pkg> add VueJS

```

or by using Pkg functions

```julia

julia> using Pkg; Pkg.add("VueJS")

```

## Quick Start

See [Documentation](https://antonioloureiro.github.io/VueJS.jl/) **(that is created using VueJS!)** for additional examples.

```julia

using HTTP,VueJS,Sockets

function home(req::HTTP.Request)

    @el(slider,"v-slider",value=20,label="Use Slider",cols=4)

    @el(sel,"v-select",items=["red","green","blue"],label="Select Color",value="red")

    @el(chip,"v-chip",text-color="white",

        binds=Dict("content"=>"slider.value","color"=>"sel.value"))

        

    tx=html("h2","{{slider.value}}")

    

    return response(page([slider,sel,[chip,tx]]))

    

end

const ROUTER = HTTP.Router()

HTTP.@register!(ROUTER, "GET", "/home", home)

HTTP.serve(ROUTER,Sockets.getipaddr(), 80)

```