Vue.js

Links

Guter Einführungskurs in Vue.js 2
https://coursetro.com/posts/code/133/How-to-Install-Vue-2---Through-CDN,-NPM-and-the-Vue-CLI
https://www.youtube.com/watch?v=78tNYZUS-ps (das Video dazu)

Installation

Via CDN, NPM oder über das Vue CLI

Vue CLI

Vue Command Line Interface installieren

Falls nicht vorhanden zuerst das CLI installieren. Das kann man über npm holen. Global (-g) lädt die Dateien in

/usr/local/lib/node_modules

eventuell muss man hier sudo nehmen.

npm install -g @vue/cli

Projekt anlegen

Im Projektordner

vue create vue-proj

Vue fragt dann welches Preset man nehmen will. Hinweis babel ist ein JavaScript Compiler, eslint ist ein JavaScript Linter und hilft beim Debugging.

Nach dem Anlegen des Projekts kann man den yarn oder npm Server starten. Vue gibt einem direkt die Kommandos vor.

Todo: Checken wie sich das verhält wenn man Apache nimmt.

Vue Components

Sind die Basic Building Blocks in Vue Apps. Templating, Logic, Styling

Schaut man sich die Datei

src/App.vue an finden sich diese Bereiche in den Tags
<template>
</template>
<script>
</script>
<style>
</style>

wieder