You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

995 lines
34 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>LabInstance vue! :: Swarmlab info</title>
<link rel="canonical" href="http://docs.swarmlab.io/SwarmLab-HowTos/swarmlab/docs/swarmlab_microservice-vue/docs/index.html">
<meta name="generator" content="Antora 2.3.4">
<link rel="stylesheet" href="../../_/css/site.css">
<link rel="stylesheet" href="../../_/css/search.css">
<script>var uiRootPath = '../../_'</script>
</head>
<body class="article">
<header class="header">
<nav class="navbar">
<div class="navbar-brand">
<a class="navbar-item" href="http://docs.swarmlab.io/SwarmLab-HowTos/swarmlab/docs">Swarmlab info</a>
<button class="navbar-burger" data-target="topbar-nav">
<span></span>
<span></span>
<span></span>
</button>
</div>
<div id="topbar-nav" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" href="#">Home</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="#">Products</a>
<div class="navbar-dropdown">
<a class="navbar-item" target ="hybridgit" href="https://git.swarmlab.io:3000/zeus/swarmlab-hybrid">Hybrid</a>
<a class="navbar-item" target ="venusgit" href="https://git.swarmlab.io:3000/swarmlab/venus-client">Venus</a>
</div>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="#">Services</a>
<div class="navbar-dropdown">
<a class="navbar-item" target ="hybrid" href="https://api-client.swarmlab.io:8088/">Hybrid</a>
<a class="navbar-item" target ="venus" href="https://api-client.swarmlab.io:8088/">Venus</a>
</div>
</div>
<div class="navbar-item">
<input id="search-input" type="text" placeholder="Search docs">
</div>
</div>
</div>
</nav>
</header>
<div class="body">
<div class="nav-container" data-component="swarmlab_microservice-vue" data-version="docs">
<aside class="nav">
<div class="panels">
<div class="nav-panel-menu is-active" data-panel="menu">
<nav class="nav-menu">
<h3 class="title"><a href="index.html">swarmlab_microservice-vue</a></h3>
<ul class="nav-list">
<li class="nav-item" data-depth="0">
<ul class="nav-list">
<li class="nav-item is-current-page" data-depth="1">
<a class="nav-link" href="index.html">vue</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="nav-panel-explore" data-panel="explore">
<div class="context">
<span class="title">swarmlab_microservice-vue</span>
<span class="version">docs</span>
</div>
<ul class="components">
<li class="component">
<a class="title" href="../../swarmlab_info/docs/index.html">swarmlab_info</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_info/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-adminer/docs/index.html">swarmlab_microservice-adminer</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-adminer/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-alpine313/docs/index.html">swarmlab_microservice-alpine313</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-alpine313/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-alpine314/docs/index.html">swarmlab_microservice-alpine314</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-alpine314/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-alpine315/docs/index.html">swarmlab_microservice-alpine315</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-alpine315/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-ansible/docs/index.html">swarmlab_microservice-ansible</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-ansible/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-astronomy/docs/index.html">swarmlab_microservice-astronomy</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-astronomy/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-atlas/docs/index.html">swarmlab_microservice-atlas</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-atlas/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-awscli/docs/index.html">swarmlab_microservice-awscli</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-awscli/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-codeserver/docs/index.html">swarmlab_microservice-codeserver</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-codeserver/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-debianbookworm/docs/index.html">swarmlab_microservice-debianbookworm</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-debianbookworm/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-debianbullseye/docs/index.html">swarmlab_microservice-debianbullseye</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-debianbullseye/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-debianbuster/docs/index.html">swarmlab_microservice-debianbuster</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-debianbuster/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-dfirntfs/docs/index.html">swarmlab_microservice-dfirntfs</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-dfirntfs/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-dvwa/docs/index.html">swarmlab_microservice-dvwa</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-dvwa/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-electron/docs/index.html">swarmlab_microservice-electron</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-electron/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-etherpad/docs/index.html">swarmlab_microservice-etherpad</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-etherpad/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-filemanager/docs/index.html">swarmlab_microservice-filemanager</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-filemanager/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-firefox/docs/index.html">swarmlab_microservice-firefox</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-firefox/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-gcc/docs/index.html">swarmlab_microservice-gcc</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-gcc/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-geometry/docs/index.html">swarmlab_microservice-geometry</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-geometry/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-gns3/docs/index.html">swarmlab_microservice-gns3</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-gns3/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-golang/docs/index.html">swarmlab_microservice-golang</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-golang/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-golangfull/docs/index.html">swarmlab_microservice-golangfull</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-golangfull/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-haproxy/docs/index.html">swarmlab_microservice-haproxy</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-haproxy/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-hping3/docs/index.html">swarmlab_microservice-hping3</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-hping3/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-ipterm/docs/index.html">swarmlab_microservice-ipterm</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-ipterm/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-jsshell/docs/index.html">swarmlab_microservice-jsshell</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-jsshell/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-julia/docs/index.html">swarmlab_microservice-julia</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-julia/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-jupyter26/docs/index.html">swarmlab_microservice-jupyter26</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-jupyter26/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-kbibtex/docs/index.html">swarmlab_microservice-kbibtex</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-kbibtex/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-libvshadow/docs/index.html">swarmlab_microservice-libvshadow</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-libvshadow/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-lua/docs/index.html">swarmlab_microservice-lua</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-lua/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-luajit/docs/index.html">swarmlab_microservice-luajit</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-luajit/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-mariadb/docs/index.html">swarmlab_microservice-mariadb</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-mariadb/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-mongoexpress/docs/index.html">swarmlab_microservice-mongoexpress</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-mongoexpress/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-nginx/docs/index.html">swarmlab_microservice-nginx</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-nginx/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-nodejs/docs/index.html">swarmlab_microservice-nodejs</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-nodejs/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-nodesqlite3/docs/index.html">swarmlab_microservice-nodesqlite3</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-nodesqlite3/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-novncfull/docs/index.html">swarmlab_microservice-novncfull</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-novncfull/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-novnclite/docs/index.html">swarmlab_microservice-novnclite</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-novnclite/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-numpy/docs/index.html">swarmlab_microservice-numpy</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-numpy/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-octave/docs/index.html">swarmlab_microservice-octave</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-octave/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-oletools/docs/index.html">swarmlab_microservice-oletools</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-oletools/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-opencv/docs/index.html">swarmlab_microservice-opencv</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-opencv/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-peframe/docs/index.html">swarmlab_microservice-peframe</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-peframe/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-periodictable/docs/index.html">swarmlab_microservice-periodictable</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-periodictable/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-perl/docs/index.html">swarmlab_microservice-perl</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-perl/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-perlfull/docs/index.html">swarmlab_microservice-perlfull</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-perlfull/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-phpapache/docs/index.html">swarmlab_microservice-phpapache</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-phpapache/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-phpcli/docs/index.html">swarmlab_microservice-phpcli</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-phpcli/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-physics/docs/index.html">swarmlab_microservice-physics</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-physics/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-powershell/docs/index.html">swarmlab_microservice-powershell</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-powershell/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-r/docs/index.html">swarmlab_microservice-r</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-r/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-redisserver/docs/index.html">swarmlab_microservice-redisserver</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-redisserver/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-regripper/docs/index.html">swarmlab_microservice-regripper</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-regripper/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-ruby/docs/index.html">swarmlab_microservice-ruby</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-ruby/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-rubyfull/docs/index.html">swarmlab_microservice-rubyfull</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-rubyfull/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-rust/docs/index.html">swarmlab_microservice-rust</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-rust/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-snmpsim/docs/index.html">swarmlab_microservice-snmpsim</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-snmpsim/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-turtle/docs/index.html">swarmlab_microservice-turtle</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-turtle/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-twint/docs/index.html">swarmlab_microservice-twint</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-twint/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-twintexplorer/docs/index.html">swarmlab_microservice-twintexplorer</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-twintexplorer/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-ubuntu/docs/index.html">swarmlab_microservice-ubuntu</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-ubuntu/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-ubuntugui/docs/index.html">swarmlab_microservice-ubuntugui</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-ubuntugui/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-vncserver/docs/index.html">swarmlab_microservice-vncserver</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-vncserver/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-volatilitylinux/docs/index.html">swarmlab_microservice-volatilitylinux</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-volatilitylinux/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-volatilitywindows/docs/index.html">swarmlab_microservice-volatilitywindows</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-volatilitywindows/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component is-current">
<a class="title" href="index.html">swarmlab_microservice-vue</a>
<ul class="versions">
<li class="version is-current is-latest">
<a href="index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-wireshark/docs/index.html">swarmlab_microservice-wireshark</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-wireshark/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-wordpress/docs/index.html">swarmlab_microservice-wordpress</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-wordpress/docs/index.html">docs</a>
</li>
</ul>
</li>
<li class="component">
<a class="title" href="../../swarmlab_microservice-xelatexthesis/docs/index.html">swarmlab_microservice-xelatexthesis</a>
<ul class="versions">
<li class="version is-latest">
<a href="../../swarmlab_microservice-xelatexthesis/docs/index.html">docs</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</aside>
</div>
<main class="article">
<div class="toolbar" role="navigation">
<button class="nav-toggle"></button>
<a href="../../swarmlab_info/docs/index.html" class="home-link"></a>
<nav class="breadcrumbs" aria-label="breadcrumbs">
<ul>
<li><a href="index.html">swarmlab_microservice-vue</a></li>
<li><a href="index.html">vue</a></li>
</ul>
</nav>
</div>
<div class="content">
<aside class="toc sidebar" data-title="Contents" data-levels="2">
<div class="toc-menu"></div>
</aside>
<article class="doc">
<h1 class="page">LabInstance vue!</h1>
<div class="sect1">
<h2 id="_quickstart"><a class="anchor" href="#_quickstart"></a>Quickstart</h2>
<div class="sectionbody">
<div class="paragraph">
<p>This is a quickstart guide of howto use this <strong>LabInstance</strong></p>
</div>
<div class="sect2">
<h3 id="_default_configuration"><a class="anchor" href="#_default_configuration"></a>Default Configuration</h3>
<div class="ulist">
<ul>
<li>
<p>Working Directory</p>
</li>
</ul>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>/home/node/project</p>
</div>
</blockquote>
</div>
<div class="ulist">
<ul>
<li>
<p>Default users</p>
</li>
</ul>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>node</p>
</div>
</blockquote>
</div>
<div class="ulist">
<ul>
<li>
<p>Default password</p>
</li>
</ul>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>docker</p>
</div>
</blockquote>
</div>
<div class="paragraph">
<p><strong>AND</strong></p>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>/home/docker/project</p>
</div>
</blockquote>
</div>
<div class="ulist">
<ul>
<li>
<p>Default user</p>
</li>
</ul>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>docker</p>
</div>
</blockquote>
</div>
<div class="ulist">
<ul>
<li>
<p>Default password</p>
</li>
</ul>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>docker</p>
</div>
</blockquote>
</div>
<div class="ulist">
<ul>
<li>
<p>Default password4root</p>
</li>
</ul>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>pass</p>
</div>
</blockquote>
</div>
</div>
<div class="sect2">
<h3 id="_creating_a_project"><a class="anchor" href="#_creating_a_project"></a>Creating a Project</h3>
<div class="quoteblock">
<blockquote>
<div class="literalblock">
<div class="content">
<pre>su node</pre>
</div>
</div>
</blockquote>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>vue create hello-world</p>
</div>
</blockquote>
</div>
<div class="sect3">
<h4 id="_run_it"><a class="anchor" href="#_run_it"></a>Run it!</h4>
<div class="quoteblock">
<blockquote>
<div class="literalblock">
<div class="content">
<pre>cd projectname</pre>
</div>
</div>
</blockquote>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>npm run serve</p>
</div>
</blockquote>
</div>
</div>
</div>
<div class="sect2">
<h3 id="_open_it"><a class="anchor" href="#_open_it"></a>Open it!</h3>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p><a href="http://localhost:8080" class="bare">http://localhost:8080</a></p>
</div>
</blockquote>
</div>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_labinstance_info"><a class="anchor" href="#_labinstance_info"></a>LabInstance Info</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Vue.js (commonly referred to as Vue; pronounced "view") is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You, and is maintained by him and the rest of the active core team members</p>
</div>
<div class="paragraph">
<p>Vue.js features an incrementally adaptable architecture that focuses on declarative rendering and component composition. The core library is focused on the view layer only. Advanced features required for complex applications such as routing, state management and build tooling are offered via officially maintained supporting libraries and packages.</p>
</div>
<div class="paragraph">
<p>Vue.js allows for extending HTML with HTML attributes called directives. The directives offer functionality to HTML applications, and come as either built-in or user defined directives.</p>
</div>
<div class="admonitionblock tip">
<table>
<tr>
<td class="icon">
<i class="fa icon-tip" title="Tip"></i>
</td>
<td class="content">
What differentiates Vue.js from other alternatives is:
</td>
</tr>
</table>
</div>
<div class="literalblock">
<div class="content">
<pre>its “high decoupling”, how easy it is to extend functionalities, and how well all parts work once more modules are included.</pre>
</div>
</div>
<div class="paragraph">
<p>For example, if we want to organize and render small visual components, all we need is Vue.js’s ‘core’ library. It is not necessary to include additional libraries.</p>
</div>
<div class="paragraph">
<p>As the application grows,</p>
</div>
<div class="ulist">
<ul>
<li>
<p>we have libraries to manage routes such as ‘vue-router’,</p>
</li>
<li>
<p>libraries to manage the global state such as ‘vuex’</p>
</li>
<li>
<p>and libraries to build responsive web applications such as ‘bootstrap-vue’.</p>
</li>
</ul>
</div>
<div class="paragraph">
<p>Additionally, if our application needs to be optimized or needs good SEO, we can include the ‘vue-server-rendering’ library.</p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_more_info"><a class="anchor" href="#_more_info"></a>More info</h2>
<div class="sectionbody">
<div class="paragraph">
<p><a href="https://vuejs.org/" class="bare" target="_blank" rel="noopener">https://vuejs.org/</a></p>
</div>
<div class="paragraph">
<p><a href="https://cli.vuejs.org/guide/creating-a-project.html#vue-create" class="bare" target="_blank" rel="noopener">https://cli.vuejs.org/guide/creating-a-project.html#vue-create</a></p>
</div>
</div>
</div>
<div class="sect1">
<h2 id="_run_instance"><a class="anchor" href="#_run_instance"></a>RUN INSTANCE</h2>
<div class="sectionbody">
<div class="paragraph">
<p>Swarmlab services can be run in different ways.</p>
</div>
<div class="ulist">
<ul>
<li>
<p>You can run them <strong>through the swarmlab hybrid environment</strong> (<a href="http://docs.swarmlab.io/SwarmLab-HowTos/swarmlab/docs/swarmlab/docs/hybrid/start-microservices.html" class="bare">http://docs.swarmlab.io/SwarmLab-HowTos/swarmlab/docs/swarmlab/docs/hybrid/start-microservices.html</a>)</p>
</li>
<li>
<p>or use them individually at will on the <strong>command line of your system</strong></p>
</li>
</ul>
</div>
<div class="sect2">
<h3 id="_cli"><a class="anchor" href="#_cli"></a>CLI</h3>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>git clone &#8230;&#8203;</p>
</div>
</blockquote>
</div>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>cd [DIRECTORY]</p>
</div>
</blockquote>
</div>
</div>
<div class="sect2">
<h3 id="_help"><a class="anchor" href="#_help"></a>help</h3>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>make help</p>
</div>
</blockquote>
</div>
<div class="sect3">
<h4 id="_create_service"><a class="anchor" href="#_create_service"></a>create service</h4>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>make create</p>
</div>
</blockquote>
</div>
</div>
</div>
<div class="sect2">
<h3 id="_start_service"><a class="anchor" href="#_start_service"></a>start service</h3>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>make start</p>
</div>
</blockquote>
</div>
</div>
<div class="sect2">
<h3 id="_stop_service"><a class="anchor" href="#_stop_service"></a>stop service</h3>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>make stop</p>
</div>
</blockquote>
</div>
</div>
<div class="sect2">
<h3 id="_list_service"><a class="anchor" href="#_list_service"></a>list service</h3>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>make list</p>
</div>
</blockquote>
</div>
</div>
<div class="sect2">
<h3 id="_clean_service"><a class="anchor" href="#_clean_service"></a>clean service</h3>
<div class="quoteblock">
<blockquote>
<div class="paragraph">
<p>make clean</p>
</div>
</blockquote>
</div>
</div>
</div>
</div>
</article>
</div>
</main>
</div>
<footer class="footer">
<p>This page was built using the Antora <a href="https://gitlab.com/antora/antora-ui-default" target="antora">default UI</a> </p>
</footer>
<script src="../../_/js/site.js"></script>
<script src="../../_/js/vendor/lunr.js"></script>
<script src="../../_/js/vendor/search.js" id="search-script" data-base-path="../.." data-page-path="/swarmlab_microservice-vue/docs/index.html"></script>
<script async src="../../_/../search-index.js"></script>
<script async src="../../_/js/vendor/highlight.js"></script>
</body>
</html>